better_ui_tmp 0.5.1

data/app/helpers/better_ui/general/components/panel/panel_helper.rb

@@ -0,0 +1,83 @@
+module BetterUi
+  module General
+    module Components
+      module Panel
+        module PanelHelper
+          # Genera un pannello usando BetterUi::General::Panel::Component
+          #
+          # @param title [String] titolo del pannello (opzionale)
+          # @param body [String] contenuto HTML del pannello (opzionale)
+          # @param header [String] header personalizzato (opzionale)
+          # @param footer [String] footer del pannello (opzionale)
+          # @param theme [Symbol] tema del colore (:default, :white, etc.)
+          # @param style [Symbol] stile (:default, :flat, :raised, :bordered)
+          # @param padding [Symbol] padding interno (:none, :small, :medium, :large)
+          # @param radius [Symbol] raggio dei bordi (:none, :small, :medium, :large, :full)
+          # @param html_options [Hash] opzioni HTML aggiuntive
+          # @return [String] HTML del pannello renderizzato
+          #
+          # @example Uso base
+          #   bui_panel(title: "Dashboard")
+          #   bui_panel(body: "Contenuto del pannello")
+          #
+          # @example Pannello completo
+          #   bui_panel(
+          #     title: "Impostazioni",
+          #     body: "Configura le tue preferenze",
+          #     footer: "Ultimo aggiornamento: oggi",
+          #     theme: :blue
+          #   )
+          #
+          # @example Con header personalizzato
+          #   bui_panel(
+          #     header: "<h2>Header Custom</h2>",
+          #     body: "Il mio contenuto",
+          #     theme: :green,
+          #     style: :raised
+          #   )
+          #
+          # @example Pannello con stili avanzati
+          #   bui_panel(
+          #     title: "Card Premium",
+          #     body: "Contenuto speciale",
+          #     theme: :violet,
+          #     style: :bordered,
+          #     padding: :large,
+          #     radius: :large,
+          #     id: "premium-panel",
+          #     class: "special-panel"
+          #   )
+          #
+          # @example Con contenuto block
+          #   bui_panel(title: "Lista Utenti", theme: :white) do
+          #     "<ul><li>Utente 1</li><li>Utente 2</li></ul>".html_safe
+          #   end
+          def bui_panel(
+            title: nil,
+            body: nil,
+            header: nil,
+            footer: nil,
+            theme: :white,
+            style: :default,
+            padding: :medium,
+            radius: :small,
+            **html_options,
+            &block
+          )
+            render BetterUi::General::Panel::Component.new(
+              title: title,
+              body: body,
+              header: header,
+              footer: footer,
+              theme: theme,
+              style: style,
+              padding: padding,
+              radius: radius,
+              **html_options
+            ), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/panel.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Panel
+        # Require dell'helper panel
+        require_relative 'panel/panel_helper'
+
+        # Include dell'helper nel modulo Panel
+        include PanelHelper
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/progress/progress_helper.rb

@@ -0,0 +1,53 @@
+module BetterUi
+  module General
+    module Components
+      module Progress
+        module ProgressHelper
+          # Helper per renderizzare una progress bar
+          #
+          # @param value [Integer] percentuale di completamento (0-100)
+          # @param theme [Symbol] tema del colore (:default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet)
+          # @param size [Symbol] dimensione della progress bar (:small, :medium, :large)
+          # @param label [Boolean] mostra etichetta con percentuale
+          # @param classes [String] classi CSS aggiuntive
+          # @param html_options [Hash] opzioni HTML aggiuntive
+          #
+          # @return [String] HTML della progress bar
+          #
+          # @example Uso base
+          #   bui_progress(value: 75)
+          #
+          # @example Progress con etichetta
+          #   bui_progress(value: 50, label: true, theme: :green)
+          #
+          # @example Progress personalizzata
+          #   bui_progress(
+          #     value: 90,
+          #     theme: :blue,
+          #     size: :large,
+          #     label: true,
+          #     classes: "my-custom-class",
+          #     id: "main-progress"
+          #   )
+          def bui_progress(
+            value: 0,
+            theme: :white,
+            size: :medium,
+            label: false,
+            classes: nil,
+            **html_options
+          )
+            render BetterUi::General::Progress::Component.new(
+              value: value,
+              theme: theme,
+              size: size,
+              label: label,
+              classes: classes,
+              **html_options
+            )
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/progress.rb

@@ -0,0 +1,11 @@
+require_relative 'progress/progress_helper'
+
+module BetterUi
+  module General
+    module Components
+      module Progress
+        include ProgressHelper
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/spinner/spinner_helper.rb

@@ -0,0 +1,17 @@
+module BetterUi
+  module General
+    module Components
+      module SpinnerHelper
+        def bui_spinner(label = nil, **options)
+          render BetterUi::General::Spinner::Component.new(
+            label: label,
+            **options
+          )
+        end
+        
+        # Supporto per la sintassi originale per compatibilità
+        alias_method :better_ui_general_spinner, :bui_spinner
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/spinner.rb

@@ -0,0 +1,10 @@
+module BetterUi
+  module General
+    module Components
+      module Spinner
+        require_relative 'spinner/spinner_helper'
+        include SpinnerHelper
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/table_helper.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module TableHelper
+          def bui_table(**options, &block)
+            render BetterUi::General::Table::Component.new(**options), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/tbody_helper.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module TbodyHelper
+          def bui_tbody(**options, &block)
+            render BetterUi::General::Table::TbodyComponent.new(**options), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/td_helper.rb

@@ -0,0 +1,19 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module TdHelper
+          def bui_td(content = nil, **options, &block)
+            if block_given?
+              render BetterUi::General::Table::TdComponent.new(**options), &block
+            else
+              render BetterUi::General::Table::TdComponent.new(**options) do
+                content
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/tfoot_helper.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module TfootHelper
+          def bui_tfoot(**options, &block)
+            render BetterUi::General::Table::TfootComponent.new(**options), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/th_helper.rb

@@ -0,0 +1,19 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module ThHelper
+          def bui_th(content = nil, **options, &block)
+            if block_given?
+              render BetterUi::General::Table::ThComponent.new(**options), &block
+            else
+              render BetterUi::General::Table::ThComponent.new(**options) do
+                content
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/thead_helper.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module TheadHelper
+          def bui_thead(**options, &block)
+            render BetterUi::General::Table::TheadComponent.new(**options), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table/tr_helper.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        module TrHelper
+          def bui_tr(**options, &block)
+            render BetterUi::General::Table::TrComponent.new(**options), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/table.rb

@@ -0,0 +1,25 @@
+module BetterUi
+  module General
+    module Components
+      module Table
+        # Require di tutti i file helper
+        require_relative 'table/table_helper'
+        require_relative 'table/thead_helper'
+        require_relative 'table/tbody_helper'
+        require_relative 'table/tfoot_helper'
+        require_relative 'table/tr_helper'
+        require_relative 'table/th_helper'
+        require_relative 'table/td_helper'
+
+        # Include di tutti i moduli helper nel modulo Table
+        include TableHelper
+        include TheadHelper
+        include TbodyHelper
+        include TfootHelper
+        include TrHelper
+        include ThHelper
+        include TdHelper
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/tag/tag_helper.rb

@@ -0,0 +1,26 @@
+module BetterUi
+  module General
+    module Components
+      module Tag
+        module TagHelper
+        # Render un tag con le opzioni specificate
+        #
+        # @param text [String] testo del tag (obbligatorio)
+        # @param options [Hash] opzioni per il componente
+        #
+        # @option options [Symbol] :theme (:white) tema del colore (:default, :white, :red, etc.)
+        # @option options [Symbol] :size (:medium) dimensione (:small, :medium, :large)
+        # @option options [Symbol] :style (:filled) stile (:filled, :outline)
+        #
+        # @return [String] HTML del componente
+        def bui_tag(text, **options)
+          render BetterUi::General::Tag::Component.new(
+            text: text,
+            **options
+          )
+        end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/tag.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module BetterUi
+  module General
+    module Components
+      module Tag
+        # Require dell'helper tag
+        require_relative 'tag/tag_helper'
+
+        # Include dell'helper nel modulo Tag
+        include TagHelper
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/tooltip/tooltip_helper.rb

@@ -0,0 +1,60 @@
+module BetterUi
+  module General
+    module Components
+      module Tooltip
+        module TooltipHelper
+          # Genera un tooltip usando BetterUi::General::Tooltip::Component
+          #
+          # @param text [String] testo del tooltip
+          # @param theme [Symbol] tema del colore (:default, :white, :red, etc.)
+          # @param position [Symbol] posizione del tooltip (:top, :right, :bottom, :left)
+          # @param size [Symbol] dimensione del tooltip (:small, :medium, :large)
+          # @param style [Symbol] stile del tooltip (:filled, :outline)
+          # @param html_options [Hash] opzioni HTML aggiuntive
+          # @param block [Block] contenuto dell'elemento trigger
+          # @return [String] HTML del tooltip renderizzato
+          #
+          # @example Uso base
+          #   bui_tooltip("Questo è un tooltip") do
+          #     bui_button(label: "Hover me")
+          #   end
+          #
+          # @example Tooltip con posizione specifica
+          #   bui_tooltip("Messaggio importante", position: :right, theme: :red) do
+          #     link_to "Info", "#", class: "text-blue-500"
+          #   end
+          #
+          # @example Tooltip con stili avanzati
+          #   bui_tooltip(
+          #     "Tooltip grande con outline",
+          #     theme: :blue,
+          #     position: :bottom,
+          #     size: :large,
+          #     style: :outline,
+          #     id: "custom-tooltip"
+          #   ) do
+          #     content_tag(:span, "Trigger personalizzato", class: "custom-trigger")
+          #   end
+          def bui_tooltip(
+            text,
+            theme: :white,
+            position: :top,
+            size: :medium,
+            style: :filled,
+            **html_options,
+            &block
+          )
+            render BetterUi::General::Tooltip::Component.new(
+              text: text,
+              theme: theme,
+              position: position,
+              size: size,
+              style: style,
+              **html_options
+            ), &block
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general/components/tooltip.rb

@@ -0,0 +1,13 @@
+module BetterUi
+  module General
+    module Components
+      module Tooltip
+        # Require dell'helper tooltip
+        require_relative 'tooltip/tooltip_helper'
+
+        # Include dell'helper nel modulo Tooltip
+        include TooltipHelper
+      end
+    end
+  end
+end

data/app/helpers/better_ui/general_helper.rb

@@ -0,0 +1,24 @@
+module BetterUi
+  module GeneralHelper
+    # Inclusione dei moduli aggregatori per i componenti generali
+    # Questo assicura che tutti gli helper specifici dei componenti e dei loro sotto-componenti siano disponibili.
+
+    include BetterUi::General::Components::Alert if defined?(BetterUi::General::Components::Alert)
+    include BetterUi::General::Components::Avatar if defined?(BetterUi::General::Components::Avatar)
+    include BetterUi::General::Components::Badge if defined?(BetterUi::General::Components::Badge)
+    include BetterUi::General::Components::Breadcrumb if defined?(BetterUi::General::Components::Breadcrumb)
+    include BetterUi::General::Components::Button if defined?(BetterUi::General::Components::Button)
+    include BetterUi::General::Components::Divider if defined?(BetterUi::General::Components::Divider)
+    include BetterUi::General::Components::Heading if defined?(BetterUi::General::Components::Heading)
+    include BetterUi::General::Components::Icon if defined?(BetterUi::General::Components::Icon)
+    include BetterUi::General::Components::Link if defined?(BetterUi::General::Components::Link)
+    include BetterUi::General::Components::Panel if defined?(BetterUi::General::Components::Panel)
+    include BetterUi::General::Components::Progress if defined?(BetterUi::General::Components::Progress)
+    include BetterUi::General::Components::Spinner if defined?(BetterUi::General::Components::Spinner)
+    include BetterUi::General::Components::Table if defined?(BetterUi::General::Components::Table)
+    include BetterUi::General::Components::Tag if defined?(BetterUi::General::Components::Tag)
+    include BetterUi::General::Components::Tooltip if defined?(BetterUi::General::Components::Tooltip)
+    include BetterUi::General::Components::Container if defined?(BetterUi::General::Components::Container)
+    include BetterUi::General::Components::Card if defined?(BetterUi::General::Components::Card)
+  end
+end

data/app/helpers/better_ui_helper.rb

@@ -0,0 +1,16 @@
+module BetterUi
+  # Includi esplicitamente gli helper
+  require_relative 'better_ui/general_helper'
+  require_relative 'better_ui/application_helper'
+  require_relative 'better_ui/form_helper'
+  
+  module Helper
+    # Estendi il modulo con ActiveSupport::Concern per funzionalità helper
+    extend ActiveSupport::Concern
+    
+    # Includi gli helper disponibili
+    include BetterUi::GeneralHelper
+    include BetterUi::ApplicationHelper
+    include BetterUi::FormHelper
+  end
+end

data/app/javascript/application.js

@@ -0,0 +1 @@
+import "../assets/stylesheets/better_ui.scss";

data/app/jobs/better_ui/application_job.rb

@@ -0,0 +1,4 @@
+module BetterUi
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/better_ui/application_mailer.rb

@@ -0,0 +1,6 @@
+module BetterUi
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/better_ui/application_record.rb

@@ -0,0 +1,5 @@
+module BetterUi
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/components/better_ui/general/table/_custom_body_row.html.erb

@@ -0,0 +1,17 @@
+<tr class="<%= component.tr_classes(index) %>">
+  <% headers.each_with_index do |header, cell_index| %>
+    <td class="<%= component.td_classes %>">
+      <% cell_value = component.get_cell_value(row, header) %>
+      <% if cell_index == 0 %>
+        <div class="flex items-center">
+          <div class="w-8 h-8 rounded-full bg-blue-100 mr-2 flex items-center justify-center text-blue-700">
+            <%= cell_value.to_s.first&.upcase || 'N/A' %>
+          </div>
+          <%= cell_value %>
+        </div>
+      <% else %>
+        <%= cell_value %>
+      <% end %>
+    </td>
+  <% end %>
+</tr> 

data/app/views/components/better_ui/general/table/_custom_footer_rows.html.erb

@@ -0,0 +1,17 @@
+<tr>
+  <% footer.each_with_index do |value, index| %>
+    <td class="<%= component.tf_classes %>">
+      <% if index == 0 %>
+        <div class="flex items-center">
+          <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2
+ 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
+          </svg>
+          <strong><%= value %></strong>
+        </div>
+      <% else %>
+        <%= value %>
+      <% end %>
+    </td>
+  <% end %>
+</tr> 

data/app/views/components/better_ui/general/table/_custom_header_rows.html.erb

@@ -0,0 +1,12 @@
+<tr>
+  <% headers.each do |header| %>
+    <th class="<%= component.th_classes %>">
+      <div class="flex items-center justify-between">
+        <%= header.to_s.humanize %>
+        <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+        </svg>
+      </div>
+    </th>
+  <% end %>
+</tr> 

data/app/views/layouts/component_preview.html.erb

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html style="background-color: <%= params.dig(:lookbook, :display, :bg_color) || "white" %>">
+<head>
+  <title><%= content_for(:title) || "BetterUI" %></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">
+
+  <%# Includes all stylesheet files in app/assets/stylesheets %>
+  <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
+  <%= stylesheet_link_tag "better_ui/application" %>
+</head>
+
+<body class="bg-white text-gray-800">
+  <main class="min-h-screen p-8 bg-yellow-500">
+    <div style="
+    margin-left: auto;
+    margin-right: auto;
+    max-width: <%= params.dig(:lookbook, :display, :max_width) || "100%" %>
+  ">
+    <%= yield %> <!-- rendered preview will be injected here -->
+  </main>
+</body>
+</html>

data/config/initializers/lookbook.rb

@@ -0,0 +1,23 @@
+if defined?(Lookbook)
+  Lookbook.configure do |config|
+    # Configura la directory delle preview dei componenti
+    config.preview_paths << BetterUi::Engine.root.join('test/components/previews')
+    
+    # Configura il titolo della pagina Lookbook
+    config.page_title = 'BetterUI - Catalogo Componenti'
+    
+    # Configura i tag principali
+    config.preview_display_names = {
+      'BetterUi::General' => 'Componenti Generali',
+      'BetterUi::Application' => 'Componenti Applicazione',
+      'BetterUi::Website' => 'Componenti Sito Web'
+    }
+    
+    # Per supportare i componenti ViewComponent
+    config.listen_for_changes = {
+      component: 'app/components/**/*.rb',
+      preview: 'test/components/previews/**/*_preview.rb',
+      template: 'app/components/**/*.erb'
+    }
+  end
+end 

data/config/routes.rb

@@ -0,0 +1,3 @@
+BetterUi::Engine.routes.draw do
+  # Montaggio di Lookbook come root
+end