fluxbit_view_components 0.3.0 → 0.4.0

data/lib/fluxbit/config/tab_component.rb

@@ -5,6 +5,7 @@ module Fluxbit::Config::TabComponent
   mattr_accessor :color, default: :blue
   mattr_accessor :vertical, default: false
   mattr_accessor :tab_panel, default: :default
+  mattr_accessor :align, default: :left
 
   # rubocop: disable Layout/LineLength, Metrics/BlockLength
   mattr_accessor :styles do
@@ -18,6 +19,11 @@ module Fluxbit::Config::TabComponent
           horizontal: "flex text-center",
           vertical: "flex-column space-y space-y-4 text-sm font-medium text-gray-500 dark:text-gray-400 md:me-4 mb-4 md:mb-0"
         },
+        align: {
+          left: "justify-start",
+          center: "justify-center",
+          right: "justify-end"
+        },
         li: "",
         variant: {
           default: "flex-wrap text-sm font-medium text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400",

data/lib/fluxbit/config/table_component.rb

@@ -0,0 +1,75 @@
+# frozen_string_literal: true
+
+module Fluxbit::Config::TableComponent
+  mattr_accessor :striped, default: false
+  mattr_accessor :bordered, default: false
+  mattr_accessor :hover, default: false
+  mattr_accessor :shadow, default: false
+
+  # rubocop: disable Layout/LineLength, Metrics/BlockLength
+  mattr_accessor :styles do
+    {
+      root: {
+        base: "w-full text-left text-sm rtl:text-right text-gray-500 dark:text-gray-400",
+        shadow: "absolute left-0 top-0 -z-10 h-full w-full rounded-lg bg-white drop-shadow-md dark:bg-black"
+      },
+      wrapper: {
+        base: "overflow-x-auto relative",
+        shadow: "shadow-md sm:rounded-lg"
+      },
+      head: {
+        base: "text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400",
+        cell: "px-6 py-3"
+      },
+      footer: {
+        base: "text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400",
+        cell: "px-6 py-3"
+      },
+      body: {
+        base: "bg-white border-b dark:bg-gray-800 dark:border-gray-700 border-gray-200"
+      },
+      row: {
+        base: "",
+        bordered: "border-b dark:border-gray-700 border-gray-200",
+        hovered: {
+          default: "hover:bg-gray-200 dark:hover:bg-gray-600",
+          primary: "hover:bg-blue-200 dark:hover:bg-blue-700",
+          secondary: "hover:bg-gray-200 dark:hover:bg-gray-700",
+          success: "hover:bg-green-200 dark:hover:bg-green-700",
+          danger: "hover:bg-red-200 dark:hover:bg-red-700",
+          warning: "hover:bg-yellow-200 dark:hover:bg-yellow-700",
+          info: "hover:bg-cyan-200 dark:hover:bg-cyan-700",
+          light: "hover:bg-gray-300 dark:hover:bg-gray-700",
+          dark: "hover:bg-gray-700 dark:hover:bg-gray-200"
+        },
+        striped: {
+          default: "odd:bg-white even:bg-gray-50 odd:dark:bg-gray-900 even:dark:bg-gray-800",
+          primary: "odd:bg-blue-50 even:bg-blue-100 odd:dark:bg-blue-900 even:dark:bg-blue-800",
+          secondary: "odd:bg-gray-50 even:bg-gray-100 odd:dark:bg-gray-900 even:dark:bg-gray-800",
+          success: "odd:bg-green-50 even:bg-green-100 odd:dark:bg-green-900 even:dark:bg-green-800",
+          danger: "odd:bg-red-50 even:bg-red-100 odd:dark:bg-red-900 even:dark:bg-red-800",
+          warning: "odd:bg-yellow-50 even:bg-yellow-100 odd:dark:bg-yellow-900 even:dark:bg-yellow-800",
+          info: "odd:bg-cyan-50 even:bg-cyan-100 odd:dark:bg-cyan-900 even:dark:bg-cyan-800",
+          light: "odd:bg-gray-100 even:bg-gray-200 odd:dark:bg-gray-700 even:dark:bg-gray-600",
+          dark: "odd:bg-gray-800 even:bg-gray-900 odd:dark:bg-gray-200 even:dark:bg-gray-100"
+        },
+        colors: {
+          default: "",
+          primary: "bg-blue-50 dark:bg-blue-900",
+          secondary: "bg-gray-50 dark:bg-gray-800",
+          success: "bg-green-50 dark:bg-green-900",
+          danger: "bg-red-50 dark:bg-red-900",
+          warning: "bg-yellow-50 dark:bg-yellow-900",
+          info: "bg-cyan-50 dark:bg-cyan-900",
+          light: "bg-gray-100 dark:bg-gray-700",
+          dark: "bg-gray-800 dark:bg-gray-200"
+        },
+        cell: {
+          base: "px-6 py-2",
+          selected: "font-medium text-gray-900 whitespace-nowrap dark:text-white"
+        }
+      }
+    }
+  end
+  # rubocop: enable Layout/LineLength, Metrics/BlockLength
+end

data/lib/fluxbit/config/theme_button_component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Fluxbit::Config::ThemeButtonComponent
+  # Theme button specific defaults
+  mattr_accessor :color, default: :transparent
+  mattr_accessor :pill, default: true
+  mattr_accessor :size, default: 2
+  mattr_accessor :as, default: :button
+
+  # Delegate styles to ButtonComponent (class method)
+  def self.styles
+    Fluxbit::Config::ButtonComponent.styles
+  end
+
+  # Delegate styles to ButtonComponent (instance method for tests)
+  def styles
+    Fluxbit::Config::ButtonComponent.styles
+  end
+end

data/lib/fluxbit/config/timeline_component.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module Fluxbit::Config::TimelineComponent
+  mattr_accessor :variant, default: :default
+  mattr_accessor :position, default: :left
+
+  mattr_accessor :styles do
+    {
+      base: "relative",
+      variants: {
+        default: "space-y-8 border-l border-gray-200 dark:border-gray-700",
+        vertical: "space-y-6 border-l border-gray-200 dark:border-gray-700",
+        stepper: "items-center sm:flex",
+        activity: "space-y-4 border-l border-gray-200 dark:border-gray-700"
+      },
+      positions: {
+        left: "ml-3",
+        center: "",
+        right: "mr-3"
+      },
+      item: {
+        base: "relative flex items-start",
+        indicator: {
+          base: "absolute flex items-center justify-center w-6 h-6 -left-3 rounded-full bg-white dark:bg-gray-900",
+          status: {
+            default: "bg-blue-100 dark:bg-blue-900",
+            completed: "bg-green-100 dark:bg-green-900",
+            current: "bg-blue-600",
+            pending: "bg-gray-100 dark:bg-gray-700"
+          },
+          colors: {
+            blue: "text-blue-800 dark:text-blue-300",
+            green: "text-green-800 dark:text-green-300",
+            red: "text-red-800 dark:text-red-300",
+            yellow: "text-yellow-800 dark:text-yellow-300",
+            purple: "text-purple-800 dark:text-purple-300",
+            indigo: "text-indigo-800 dark:text-indigo-300"
+          },
+          rings: {
+            none: "",
+            small: "ring-1 ring-white dark:ring-gray-900",
+            default: "ring-2 ring-white dark:ring-gray-900",
+            large: "ring-4 ring-white dark:ring-gray-900"
+          }
+        },
+        content: {
+          base: "ml-6 mb-8",
+          title: "mb-1 text-lg font-semibold text-gray-900 dark:text-white",
+          description: "mb-4 text-base font-normal text-gray-500 dark:text-gray-400",
+          date: "inline-flex items-center px-2.5 py-0.5 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
+        },
+        icon: "w-3.5 h-3.5",
+        dot: "w-2.5 h-2.5 bg-current rounded-full"
+      },
+      stepper: {
+        item: "relative mb-6 sm:mb-0",
+        indicator_container: "flex items-center",
+        indicator: "z-10 flex items-center justify-center w-6 h-6 bg-blue-100 rounded-full dark:bg-blue-900 shrink-0",
+        indicator_completed: "z-10 flex items-center justify-center w-6 h-6 bg-blue-600 rounded-full dark:bg-blue-900 shrink-0",
+        connector: "hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700",
+        content: "mt-3 sm:pe-8",
+        title: "text-lg font-semibold text-gray-900 dark:text-white",
+        description: "block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
+        description_paragraph: "text-base font-normal text-gray-500 dark:text-gray-400",
+        icon: "w-2.5 h-2.5 text-blue-800 dark:text-blue-300",
+        icon_completed: "w-2.5 h-2.5 text-white dark:text-blue-300"
+      },
+      activity: {
+        base: "ml-6",
+        time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
+        title: "text-lg font-semibold text-gray-900 dark:text-white",
+        description: "mb-4 text-base font-normal text-gray-500 dark:text-gray-400",
+        indicator: "absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"
+      }
+    }
+  end
+end

data/lib/fluxbit/view_components/engine.rb

@@ -15,8 +15,16 @@ module Fluxbit
       ]
 
       # Remove default wrapping .field_with_errors for proper Shopify form validations
-      config.to_prepare do
-        ActionView::Base.field_error_proc = ->(html_tag, _instance) { html_tag.html_safe }
+      # config.to_prepare do
+      #   ActionView::Base.field_error_proc = ->(html_tag, _instance) { html_tag.html_safe }
+      # end
+
+      initializer "fluxbitview_components.assets" do |app|
+        if app.config.respond_to?(:assets)
+          app.config.assets.precompile += %w[
+            fluxbit_view_components.js
+          ]
+        end
       end
 
       initializer "fluxbit_view_components.importmap", before: "importmap" do |app|
@@ -27,8 +35,8 @@ module Fluxbit
 
       initializer "fluxbit_view_components.helpers" do
         ActiveSupport.on_load(:action_controller_base) do
-          helper Fluxbit::ClassesHelper
           helper Fluxbit::ComponentsHelper
+          helper Fluxbit::ViewHelper
         end
       end
     end

data/lib/fluxbit/view_components/version.rb

@@ -1,5 +1,5 @@
 module Fluxbit
   module ViewComponents
-    VERSION = "0.3.0"
+    VERSION = "0.4.0"
   end
 end

data/lib/fluxbit/view_components.rb

@@ -13,24 +13,44 @@ module Fluxbit
       require "fluxbit/config/form/check_box_component"
       require "fluxbit/config/form/dropzone_component"
       require "fluxbit/config/form/label_component"
+      require "fluxbit/config/form/password_component"
+      require "fluxbit/config/form/radio_group_button_component"
       require "fluxbit/config/form/range_component"
       require "fluxbit/config/form/text_field_component"
       require "fluxbit/config/form/toggle_component"
     end
 
+    require "fluxbit/config/accordion_component"
     require "fluxbit/config/alert_component"
     require "fluxbit/config/avatar_component"
     require "fluxbit/config/badge_component"
+    require "fluxbit/config/banner_component"
+    require "fluxbit/config/bottom_navigation_component"
+    require "fluxbit/config/breadcrumb_component"
     require "fluxbit/config/button_component"
     require "fluxbit/config/card_component"
+    require "fluxbit/config/carousel_component"
+    require "fluxbit/config/drawer_component"
+    require "fluxbit/config/dropdown_component"
     require "fluxbit/config/flex_component"
     require "fluxbit/config/gravatar_component"
     require "fluxbit/config/heading_component"
+    require "fluxbit/config/link_component"
     require "fluxbit/config/modal_component"
+    require "fluxbit/config/pagination_component"
     require "fluxbit/config/paragraph_component"
     require "fluxbit/config/popover_component"
+    require "fluxbit/config/progress_component"
+    require "fluxbit/config/skeleton_component"
+    require "fluxbit/config/speed_dial_component"
+    require "fluxbit/config/spinner_component"
+    require "fluxbit/config/spinner_percent_component"
+    require "fluxbit/config/stepper_component"
     require "fluxbit/config/tab_component"
+    require "fluxbit/config/timeline_component"
+    require "fluxbit/config/table_component"
     require "fluxbit/config/text_component"
+    require "fluxbit/config/theme_button_component"
     require "fluxbit/config/tooltip_component"
   end
 end

data/lib/generators/fluxbit/devise_views_generator.rb

@@ -0,0 +1,116 @@
+# frozen_string_literal: true
+
+require "rails/generators/base"
+
+module Fluxbit
+  module ViewPathTemplates
+    extend ActiveSupport::Concern
+
+    included do
+      argument :scope, required: false, default: nil, desc: "The scope to copy views to"
+      class_option :views, aliases: "-v", type: :array, desc: "Select specific view directories to generate (confirmations, passwords, registrations, sessions, unlocks, mailer)"
+
+      public_task :copy_views
+    end
+
+    def copy_views
+      if options[:views]
+        options[:views].each do |directory|
+          view_directory directory.to_sym
+        end
+      else
+        view_directory :confirmations
+        view_directory :passwords
+        view_directory :registrations
+        view_directory :sessions
+        view_directory :unlocks
+        view_directory :shared
+        view_directory :mailer
+      end
+
+      copy_layout
+      configure_layouts
+    end
+
+    def copy_layout
+      template "layouts/devise.html.erb", "app/views/layouts/devise.html.erb"
+    end
+
+    def configure_layouts
+      layout_config = <<-RUBY
+    # Use the Devise layout for all Devise controllers
+    config.to_prepare do
+      Devise::SessionsController.layout "devise"
+      Devise::RegistrationsController.layout "devise"
+      Devise::ConfirmationsController.layout "devise"
+      Devise::UnlocksController.layout "devise"
+      Devise::PasswordsController.layout "devise"
+    end
+
+      RUBY
+
+      inject_into_file(
+        "config/application.rb",
+        layout_config,
+        after: "class Application < Rails::Application\n"
+      )
+    end
+
+    protected
+
+    def view_directory(name, _target_path = nil)
+      directory name.to_s, _target_path || "#{target_path}/#{name}" do |content|
+        if scope
+          content.gsub("devise/shared", "#{plural_scope}/shared")
+        else
+          content
+        end
+      end
+    end
+
+    def target_path
+      @target_path ||= "app/views/#{plural_scope || :devise}"
+    end
+
+    def plural_scope
+      @plural_scope ||= scope.presence && scope.underscore.pluralize
+    end
+  end
+
+  class DeviseViewsGenerator < Rails::Generators::Base
+    include ViewPathTemplates
+
+    source_root File.expand_path("templates/devise_views", __dir__)
+    desc "Copies Devise views into your app. Usage: rails g fluxbit:devise_views"
+  end
+
+  class SharedViewsGenerator < Rails::Generators::Base # :nodoc:
+    include ViewPathTemplates
+    source_root File.expand_path("./devise_views", __FILE__)
+    desc "Copies shared Devise views to your application."
+    hide!
+
+    # Override copy_views to just copy mailer and shared.
+    def copy_views
+      view_directory :shared
+    end
+  end
+
+  class FormForGenerator < Rails::Generators::Base # :nodoc:
+    include ViewPathTemplates
+    source_root File.expand_path("./devise_views", __FILE__)
+    desc "Copies default Devise views to your application."
+    hide!
+  end
+
+  class ErbGenerator < Rails::Generators::Base # :nodoc:
+    include ViewPathTemplates
+    source_root File.expand_path("./devise_views", __FILE__)
+    desc "Copies Devise mail erb views to your application."
+    hide!
+
+    def copy_views
+      view_directory(:mailer) if !options[:views] || options[:views].include?("mailer")
+    end
+  end
+end

data/lib/generators/fluxbit/pagy_generator.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+require "rails/generators/base"
+
+module Fluxbit
+  class PagyGenerator < Rails::Generators::Base
+    source_root File.expand_path("templates", __dir__)
+    desc "Copies fluxbit_pagy.css and imports it in application.css"
+
+    def copy_css_file
+      copy_file "fluxbit_pagy.css", "app/assets/stylesheets/fluxbit_pagy.css"
+    end
+
+    def import_into_application_css
+      import_line = "@import \"./fluxbit_pagy\";"
+      tailwind_path = "app/assets/stylesheets/application.tailwind.css"
+      default_path  = "app/assets/stylesheets/application.css"
+
+      target_file = if File.exist?(tailwind_path)
+                      tailwind_path
+      elsif File.exist?(default_path)
+                      default_path
+      else
+                      say_status :error, "No application CSS file found (expected application.tailwind.css or application.css)", :red
+                      return
+      end
+
+      if File.exist?(target_file)
+        unless File.read(target_file).include?(import_line)
+          append_to_file target_file, "\n#{import_line}\n"
+        else
+          say_status :skipped, "#{import_line} already present in #{target_file}"
+        end
+      else
+        say_status :error, "#{target_file} not found", :red
+      end
+    end
+  end
+end

data/lib/generators/fluxbit/scaffold_generator.rb

@@ -0,0 +1,165 @@
+require "rails/generators"
+require "rails/generators/named_base"
+
+module Fluxbit
+  class ScaffoldGenerator < Rails::Generators::NamedBase
+    source_root File.expand_path("templates", __dir__)
+    argument :attributes, type: :array, default: [], banner: "field:type field:type"
+
+    # Turbo option
+    class_option :turbo, type: :boolean, default: true, desc: "Use Turbo Streams for dynamic updates"
+
+    # Modal/Drawer option
+    class_option :ui, type: :string, default: "drawer", enum: [ "modal", "drawer", "none" ], desc: "Choose UI interaction for forms"
+
+    # Paginator option
+    class_option :paginator, type: :boolean, default: true, desc: "Include pagination using Pagy"
+
+    # Authorization option
+    class_option :pundit, type: :boolean, default: true, desc: "Include Pundit for authorization"
+
+    # Namespace option
+    class_option :namespace, type: :string, default: nil, desc: "Namespace for the controller (e.g., 'admin', 'api/v1')"
+
+    def generate_model_and_migration
+      # Use Rails model generator to create model & migration (if not already present)
+      model_args = [ name ] + attributes
+      generate("model", *model_args)
+    end
+
+    def generate_scaffold_files
+      # Add resource route
+      if namespaced?
+        # Build nested namespace blocks
+        namespace_parts = namespace_path.split("/")
+        namespace_opens = namespace_parts.map.with_index do |part, idx|
+          "  " * idx + "namespace :#{part} do"
+        end.join("\n")
+        namespace_closes = namespace_parts.size.times.map { |i| "  " * (namespace_parts.size - 1 - i) + "end" }.join("\n")
+        indent = "  " * namespace_parts.size
+
+        route %(#{namespace_opens}
+#{indent}resources :#{file_name.pluralize} do
+#{indent}  collection do
+#{indent}    put "update_all"
+#{indent}    patch "update_all"
+#{indent}    delete "destroy_all"
+#{indent}  end
+#{indent}end
+#{namespace_closes})
+      else
+        route %(resources :#{file_name.pluralize} do
+    collection do
+      put "update_all"
+      patch "update_all"
+      delete "destroy_all"
+    end
+  end)
+      end
+
+      # Ensure controller directory exists
+      empty_directory controller_dir if namespaced?
+
+      # Generate controller from template
+      template "controller.rb.tt", File.join(controller_dir, "#{file_name.pluralize}_controller.rb")
+
+      # Ensure view directory exists
+      empty_directory view_dir
+
+      # Generate view templates from templates
+      template "index.html.erb.tt",     File.join(view_dir, "index.html.erb")
+      template "show.html.erb.tt",      File.join(view_dir, "show.html.erb")
+      template "new.html.erb.tt",       File.join(view_dir, "new.html.erb")
+      template "edit.html.erb.tt",      File.join(view_dir, "edit.html.erb")
+      template "_form.html.erb.tt",     File.join(view_dir, "_form.html.erb")
+      template "_metadata.html.erb.tt", File.join(view_dir, "_metadata.html.erb")
+      template "partial.html.erb.tt",   File.join(view_dir, "_#{file_name.pluralize}.html.erb")
+
+      # Generate Jbuilder templates
+      template "index.json.jbuilder.tt", File.join(view_dir, "index.json.jbuilder")
+      template "show.json.jbuilder.tt",  File.join(view_dir, "show.json.jbuilder")
+
+      # Generate Turbo Stream response templates
+      template "create.turbo_stream.erb.tt",      File.join(view_dir, "create.turbo_stream.erb")
+      template "update.turbo_stream.erb.tt",      File.join(view_dir, "update.turbo_stream.erb")
+      template "update_all.turbo_stream.erb.tt",  File.join(view_dir, "update_all.turbo_stream.erb")
+      template "destroy.turbo_stream.erb.tt",     File.join(view_dir, "destroy.turbo_stream.erb")
+      template "destroy_all.turbo_stream.erb.tt", File.join(view_dir, "destroy_all.turbo_stream.erb")
+
+      # Generate i18n
+      template "i18n.en.yml.tt",    File.join("config", "locales", "#{file_name.pluralize}.en.yml")
+      template "i18n.pt-BR.yml.tt", File.join("config", "locales", "#{file_name.pluralize}.pt-BR.yml")
+
+      # Generate Policy
+      template "policy.rb.tt", File.join("app/policies", "#{file_name.singularize}_policy.rb")
+
+      # Generate shared partials
+      template "_alert.html.erb.tt", File.join("app/views/shared", "_alert.html.erb")
+      template "send_alert_via_drawer.html.erb.tt", File.join("app/views/shared", "send_alert_via_drawer_alert.html.erb")
+      template "_flash.html.erb.tt", File.join("app/views/shared", "_flash.html.erb")
+    end
+
+    private
+
+    # Returns the namespace path (e.g., "admin" or "api/v1")
+    def namespace_path
+      options[:namespace]
+    end
+
+    # Returns true if namespace is present
+    def namespaced?
+      namespace_path.present?
+    end
+
+    # Returns the namespace as a module (e.g., "Admin" or "Api::V1")
+    def namespace_module
+      return nil unless namespaced?
+      namespace_path.split("/").map(&:camelize).join("::")
+    end
+
+    # Returns the controller directory path (e.g., "app/controllers/admin")
+    def controller_dir
+      if namespaced?
+        File.join("app/controllers", namespace_path)
+      else
+        "app/controllers"
+      end
+    end
+
+    # Returns the view directory path (e.g., "app/views/admin/products")
+    def view_dir
+      if namespaced?
+        File.join("app/views", namespace_path, file_name.pluralize)
+      else
+        File.join("app/views", file_name.pluralize)
+      end
+    end
+
+    # Returns the namespaced class name (e.g., "Admin::ProductsController")
+    def namespaced_class_name
+      if namespaced?
+        "#{namespace_module}::#{class_name}"
+      else
+        class_name
+      end
+    end
+
+    # Returns the controller file path (e.g., "admin/products_controller.rb")
+    def controller_file_path
+      if namespaced?
+        File.join(namespace_path, "#{file_name.pluralize}_controller.rb")
+      else
+        "#{file_name.pluralize}_controller.rb"
+      end
+    end
+
+    # Returns the path helper prefix (e.g., "admin_" or "api_v1_")
+    def path_prefix
+      if namespaced?
+        namespace_path.split("/").join("_") + "_"
+      else
+        ""
+      end
+    end
+  end
+end

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

@@ -0,0 +1 @@
+<%%= fx_alert(color: color) { message } %>

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

@@ -0,0 +1,15 @@
+<%% mapping = {
+  "notice"  => :success,
+  "success" => :success,
+  "error"   => :danger,
+  "alert"   => :warning,
+  "warning" => :warning
+} %>
+
+<%% flash.each do |type, msg| %>
+  <%% next if msg.blank? %>
+  <%% color = mapping[type.to_s] || :info %>
+  <%%= fx_alert(color: color) do %>
+    <%%= safe_join(Array(msg).map { |m| sanitize(m.to_s, tags: [], attributes: []) }, tag.br) %>
+  <%% end %>
+<%% end %>

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

@@ -0,0 +1,38 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+<%%= form_with(model: @<%= singular %>, <% if namespaced? %>url: @<%= singular %>.persisted? ? <%= path_prefix %><%= singular %>_path(@<%= singular %>) : <%= path_prefix %><%= plural %>_path, <% end %>id: "<%= singular %>_form", builder: Fluxbit::FormBuilder, format: turbo_frame_request? ? :turbo_stream : :html) do |form| %>
+  <%% if @<%= singular %>.errors.any? %>
+    <div class="mb-4">
+      <%%= fx_alert(color: :danger) { t("<%= plural %>.messages.errors_message", count: @<%= singular %>.errors.count) } %>
+      <ul class="text-sm text-red-600 pl-5 list-disc">
+        <%% @<%= singular %>.errors.full_messages.each do |msg| %>
+          <li><%%= msg %></li>
+        <%% end %>
+      </ul>
+    </div>
+  <%% end %>
+
+<% attributes.each do |att|
+  name, type = att.name, att.type.to_s 
+  next if type == 'password_digest'  # handle password fields separately 
+-%>
+<% if ['references','belongs_to'].include?(type) -%>
+  <%%= form.fx_select :<%= "#{name}_id" %>, <%= name.camelize %>.all.pluck(:name, :id), { prompt: t("<%= plural %>.prompts.<%= name %>") }, {wrapper_html: {class: "mb-4"} } %>
+<% elsif type == 'boolean' -%>
+  <%%= form.fx_toggle :<%= name %>, wrapper_html: {class: "mb-4"} %>
+<% elsif type == 'password' -%>
+  <%%= form.fx_password_field :<%= name %>, wrapper_html: {class: "mb-4"} %>
+<% elsif type == 'text' -%>
+  <%%= form.fx_text_area :<%= name %>, rows: 5, wrapper_html: {class: "mb-4"} %>
+<% elsif type == 'attachment' || type == 'attachments' -%>
+  <%%= form.fx_dropzone :<%= name %>, wrapper_html: {class: "mb-4"}, <%= 'multiple: true' if type == 'attachments' %>%>
+<% else -%>
+  <%%= form.fx_text_field :<%= name %>, wrapper_html: {class: "mb-4"} %>
+<% end -%>
+<% end -%>
+<% if attributes.any? { |a| a.type == :password_digest } -%>
+  <%%= form.fx_password_field :password, wrapper_html: {class: "mb-4"} %>
+  <%%= form.fx_password_field :password_confirmation, wrapper_html: {class: "mb-4"} %>
+<% end -%>
+  <%%= form.fx_submit value: t(@<%= singular %>.persisted? ? "<%= plural %>.actions.update" : "<%= plural %>.actions.save"), data: { turbo_submits_with: t("<%= plural %>.helpers.submits_with") }, class: "mt-4" %>
+  <%%= render "metadata", <%= singular %>: @<%= singular %> %>
+<%% end %>