RubyGems - better_ui - Versions diffs - 0.1.0 → 0.1.1 - Mend

better_ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (118) hide show

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

@@ -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/views/layouts/better_ui/application.html.erb CHANGED Viewed

@@ -1,135 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>BetterUI - <%= yield(:title) || 'Componenti UI per Rails' %></title>
-  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>Better ui</title>
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
-  <%= stylesheet_link_tag "better_ui/application" %>
+  <%= yield :head %>
-  <style>
-    body {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      line-height: 1.5;
-      color: #333;
-      margin: 0;
-      padding: 0;
-    }
-    .better-ui-container {
-      width: 100%;
-      max-width: 1200px;
-      margin: 0 auto;
-      padding: 1rem;
-    }
-    .better-ui-sidebar {
-      width: 250px;
-      padding: 1rem;
-      background-color: #f5f5f5;
-      border-right: 1px solid #e0e0e0;
-      position: fixed;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      overflow-y: auto;
-    }
-    .better-ui-content {
-      margin-left: 250px;
-      padding: 2rem;
-    }
-    .better-ui-nav-title {
-      font-size: 1.25rem;
-      font-weight: 600;
-      margin-bottom: 1rem;
-    }
-    .better-ui-nav-list {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-    }
-    .better-ui-nav-item {
-      margin-bottom: 0.5rem;
-    }
-    .better-ui-nav-link {
-      color: #333;
-      text-decoration: none;
-      padding: 0.5rem;
-      display: block;
-      border-radius: 4px;
-    }
-    .better-ui-nav-link:hover {
-      background-color: #e0e0e0;
-    }
-    .better-ui-nav-link.active {
-      background-color: #007bff;
-      color: white;
-    }
-  </style>
+  <%= stylesheet_link_tag    "better_ui/application", media: "all" %>
 </head>
+<body style="padding: 10px;">
+<%= yield %>
-<body>
-  <div class="better-ui-container">
-    <div class="better-ui-sidebar">
-      <div class="better-ui-nav-title">BetterUI</div>
-      <nav>
-        <div class="better-ui-nav-section">
-          <h3>Documentazione</h3>
-          <ul class="better-ui-nav-list">
-            <li class="better-ui-nav-item">
-              <%= link_to "Guida all'installazione", better_ui.docs_page_path('installation'), class: "better-ui-nav-link" %>
-            </li>
-            <li class="better-ui-nav-item">
-              <%= link_to "Personalizzazione", better_ui.docs_page_path('customization'), class: "better-ui-nav-link" %>
-            </li>
-          </ul>
-        </div>
-        <div class="better-ui-nav-section">
-          <h3>Componenti</h3>
-          <ul class="better-ui-nav-list">
-            <% if @components %>
-              <% @components.each do |component| %>
-                <li class="better-ui-nav-item">
-                  <%= link_to component[:name], component[:path], class: "better-ui-nav-link" %>
-                </li>
-              <% end %>
-            <% else %>
-              <li class="better-ui-nav-item">
-                <%= link_to "Button", better_ui.docs_component_path('button'), class: "better-ui-nav-link" %>
-              </li>
-              <li class="better-ui-nav-item">
-                <%= link_to "Alert", better_ui.docs_component_path('alert'), class: "better-ui-nav-link" %>
-              </li>
-              <li class="better-ui-nav-item">
-                <%= link_to "Card", better_ui.docs_component_path('card'), class: "better-ui-nav-link" %>
-              </li>
-              <li class="better-ui-nav-item">
-                <%= link_to "Modal", better_ui.docs_component_path('modal'), class: "better-ui-nav-link" %>
-              </li>
-              <li class="better-ui-nav-item">
-                <%= link_to "Tabs", better_ui.docs_component_path('tabs'), class: "better-ui-nav-link" %>
-              </li>
-              <li class="better-ui-nav-item">
-                <%= link_to "Form Elements", better_ui.docs_component_path('form_elements'), class: "better-ui-nav-link" %>
-              </li>
-            <% end %>
-          </ul>
-        </div>
-      </nav>
-    </div>
-    <div class="better-ui-content">
-      <%= yield %>
-    </div>
-  </div>
 </body>
 </html>

data/config/initializers/lookbook.rb ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,10 +1,2 @@
 BetterUi::Engine.routes.draw do
-  # Route principale per la documentazione
-  root to: 'docs#index'
-  # Route per le pagine di documentazione generiche
-  get 'docs/:page', to: 'docs#show', as: :docs_page
-  # Route per la documentazione dei componenti specifici
-  get 'docs/components/:component', to: 'docs#component', as: :docs_component
 end

data/lib/better_ui/engine.rb CHANGED Viewed

@@ -1,29 +1,15 @@
-require 'view_component'
-require 'redcarpet'
-require 'tailwindcss-rails'
 module BetterUi
   class Engine < ::Rails::Engine
     isolate_namespace BetterUi
-    # Configurazione per rendere disponibili gli assets all'applicazione host
-    initializer 'better_ui.assets' do |app|
-      app.config.assets.paths << root.join('app', 'assets', 'stylesheets')
-      app.config.assets.paths << root.join('app', 'assets', 'images')
-    end
-    # Configurazione per rendere disponibili i componenti all'applicazione host
-    initializer 'better_ui.view_helpers' do
+    initializer "better_ui.view_helpers" do
       ActiveSupport.on_load :action_controller do
-        helper BetterUi::ApplicationHelper
+        helper BetterUi::ApplicationHelper if defined?(BetterUi::ApplicationHelper)
       end
       ActiveSupport.on_load :action_view do
-        include BetterUi::ApplicationHelper
+        include BetterUi::ApplicationHelper if defined?(BetterUi::ApplicationHelper)
       end
     end
-    # Configurazione per ViewComponent
-    config.view_component.preview_paths << root.join('spec', 'components', 'previews')
   end
 end

data/lib/better_ui/railtie.rb ADDED Viewed

@@ -0,0 +1,20 @@
+module BetterUi
+  class Railtie < ::Rails::Railtie
+    config.after_initialize do
+      # Configure Lookbook to include BetterUI previews if Lookbook is available
+      if defined?(Lookbook)
+        # Get the gem's root path
+        gem_root = Gem.loaded_specs["better_ui"]&.gem_dir
+        if gem_root
+          # Add the gem's preview path to Lookbook
+          preview_path = File.join(gem_root, "spec", "components", "previews")
+          if File.directory?(preview_path)
+            Lookbook.config.preview_paths << preview_path
+          end
+        end
+      end
+    end
+  end
+end

data/lib/better_ui/version.rb CHANGED Viewed

@@ -1,3 +1,3 @@
 module BetterUi
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

data/lib/better_ui.rb CHANGED Viewed

@@ -1,25 +1,9 @@
 require "better_ui/version"
 require "better_ui/engine"
+require "better_ui/railtie"
+require "font-awesome-sass"
 module BetterUi
-  class Configuration
-    attr_accessor :button_defaults, :alert_defaults, :card_defaults, :tabs_defaults
-    def initialize
-      @button_defaults = {}
-      @alert_defaults = {}
-      @card_defaults = {}
-      @tabs_defaults = {}
-    end
-  end
-  class << self
-    def configuration
-      @configuration ||= Configuration.new
-    end
-    def configure
-      yield(configuration) if block_given?
-    end
-  end
+  # Your code goes here...
 end

metadata CHANGED Viewed

@@ -1,14 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: better_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - alessiobussolari
+- umberto_peserico
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-01 00:00:00.000000000 Z
+date: 2025-06-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -28,16 +29,16 @@ dependencies:
   name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.0.0
+        version: '3.22'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.0.0
+        version: '3.22'
 - !ruby/object:Gem::Dependency
   name: redcarpet
   requirement: !ruby/object:Gem::Requirement
@@ -53,51 +54,53 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.6'
 - !ruby/object:Gem::Dependency
-  name: tailwindcss-rails
+  name: coderay
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.0'
+        version: '1.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.0'
+        version: '1.1'
 - !ruby/object:Gem::Dependency
-  name: sqlite3
+  name: lookbook
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
+        version: '2.3'
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '2.3'
 - !ruby/object:Gem::Dependency
-  name: puma
+  name: font-awesome-sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
+        version: '6.5'
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-description: Una gem Rails che funziona come engine montabile contenente componenti
-  UI riutilizzabili e pagine di documentazione
+        version: '6.5'
+description: Better UI is a Rails gem that works as a mountable engine containing
+  reusable UI components, built with ViewComponent and Tailwind CSS, following the
+  BEM methodology. It includes documentation and interactive previews with Lookbook.
 email:
 - alessio.bussolari@pandev.it
+- umberto.peserico@pandev.it
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -106,19 +109,118 @@ files:
 - README.md
 - Rakefile
 - app/assets/stylesheets/better_ui/application.css
+- app/components/better_ui/application/card/component.html.erb
+- app/components/better_ui/application/card/component.rb
+- app/components/better_ui/application/main/component.html.erb
+- app/components/better_ui/application/main/component.rb
+- app/components/better_ui/application/navbar/component.html.erb
+- app/components/better_ui/application/navbar/component.rb
+- app/components/better_ui/application/sidebar/component.html.erb
+- app/components/better_ui/application/sidebar/component.rb
+- app/components/better_ui/general/alert/component.html.erb
+- app/components/better_ui/general/alert/component.rb
+- app/components/better_ui/general/avatar/component.html.erb
+- app/components/better_ui/general/avatar/component.rb
+- app/components/better_ui/general/badge/component.html.erb
+- app/components/better_ui/general/badge/component.rb
+- app/components/better_ui/general/breadcrumb/component.html.erb
+- app/components/better_ui/general/breadcrumb/component.rb
+- app/components/better_ui/general/button/component.html.erb
+- app/components/better_ui/general/button/component.rb
+- app/components/better_ui/general/divider/component.html.erb
+- app/components/better_ui/general/divider/component.rb
+- app/components/better_ui/general/field/component.html.erb
+- app/components/better_ui/general/field/component.rb
+- app/components/better_ui/general/heading/component.html.erb
+- app/components/better_ui/general/heading/component.rb
+- app/components/better_ui/general/icon/component.html.erb
+- app/components/better_ui/general/icon/component.rb
+- app/components/better_ui/general/input/checkbox/component.html.erb
+- app/components/better_ui/general/input/checkbox/component.rb
+- app/components/better_ui/general/input/datetime/component.html.erb
+- app/components/better_ui/general/input/datetime/component.rb
+- app/components/better_ui/general/input/radio/component.html.erb
+- app/components/better_ui/general/input/radio/component.rb
+- app/components/better_ui/general/input/select/component.html.erb
+- app/components/better_ui/general/input/select/component.rb
+- app/components/better_ui/general/input/select/select_component.html.erb
+- app/components/better_ui/general/input/select/select_component.rb
+- app/components/better_ui/general/input/text/component.html.erb
+- app/components/better_ui/general/input/text/component.rb
+- app/components/better_ui/general/input/textarea/component.html.erb
+- app/components/better_ui/general/input/textarea/component.rb
+- app/components/better_ui/general/link/component.html.erb
+- app/components/better_ui/general/link/component.rb
+- app/components/better_ui/general/panel/component.html.erb
+- app/components/better_ui/general/panel/component.rb
+- app/components/better_ui/general/progress/component.html.erb
+- app/components/better_ui/general/progress/component.rb
+- app/components/better_ui/general/spinner/component.html.erb
+- app/components/better_ui/general/spinner/component.rb
+- app/components/better_ui/general/table/component.html.erb
+- app/components/better_ui/general/table/component.rb
+- app/components/better_ui/general/table/tbody_component.html.erb
+- app/components/better_ui/general/table/tbody_component.rb
+- app/components/better_ui/general/table/td_component.html.erb
+- app/components/better_ui/general/table/td_component.rb
+- app/components/better_ui/general/table/tfoot_component.html.erb
+- app/components/better_ui/general/table/tfoot_component.rb
+- app/components/better_ui/general/table/th_component.html.erb
+- app/components/better_ui/general/table/th_component.rb
+- app/components/better_ui/general/table/thead_component.html.erb
+- app/components/better_ui/general/table/thead_component.rb
+- app/components/better_ui/general/table/tr_component.html.erb
+- app/components/better_ui/general/table/tr_component.rb
+- app/components/better_ui/general/tag/component.html.erb
+- app/components/better_ui/general/tag/component.rb
+- app/components/better_ui/general/tooltip/component.html.erb
+- app/components/better_ui/general/tooltip/component.rb
 - app/controllers/better_ui/application_controller.rb
-- app/controllers/better_ui/docs_controller.rb
+- app/helpers/better_ui/application/components/card.rb
+- app/helpers/better_ui/application/components/card/card_helper.rb
+- app/helpers/better_ui/application/components/main/main_helper.rb
+- app/helpers/better_ui/application/components/navbar/navbar_helper.rb
+- app/helpers/better_ui/application/components/sidebar/sidebar_helper.rb
 - app/helpers/better_ui/application_helper.rb
+- app/helpers/better_ui/general/components/alert/alert_helper.rb
+- app/helpers/better_ui/general/components/avatar/avatar_helper.rb
+- app/helpers/better_ui/general/components/badge/badge_helper.rb
+- app/helpers/better_ui/general/components/breadcrumb/breadcrumb_helper.rb
+- app/helpers/better_ui/general/components/button/button_helper.rb
+- app/helpers/better_ui/general/components/container/container_helper.rb
+- app/helpers/better_ui/general/components/divider/divider_helper.rb
+- app/helpers/better_ui/general/components/field/field_helper.rb
+- app/helpers/better_ui/general/components/heading/heading_helper.rb
+- app/helpers/better_ui/general/components/icon/icon_helper.rb
+- app/helpers/better_ui/general/components/input/checkbox/checkbox_helper.rb
+- app/helpers/better_ui/general/components/input/datetime/datetime_helper.rb
+- app/helpers/better_ui/general/components/input/radio/radio_helper.rb
+- app/helpers/better_ui/general/components/input/radio_group/radio_group_helper.rb
+- app/helpers/better_ui/general/components/input/select/select_helper.rb
+- app/helpers/better_ui/general/components/input/text/text_helper.rb
+- app/helpers/better_ui/general/components/input/textarea/textarea_helper.rb
+- app/helpers/better_ui/general/components/link/link_helper.rb
+- app/helpers/better_ui/general/components/panel/panel_helper.rb
+- app/helpers/better_ui/general/components/progress/progress_helper.rb
+- app/helpers/better_ui/general/components/spinner/spinner_helper.rb
+- app/helpers/better_ui/general/components/table/table_helper.rb
+- app/helpers/better_ui/general/components/table/tbody_helper.rb
+- app/helpers/better_ui/general/components/table/td_helper.rb
+- app/helpers/better_ui/general/components/table/tfoot_helper.rb
+- app/helpers/better_ui/general/components/table/th_helper.rb
+- app/helpers/better_ui/general/components/table/thead_helper.rb
+- app/helpers/better_ui/general/components/table/tr_helper.rb
+- app/helpers/better_ui/general/components/tag/tag_helper.rb
+- app/helpers/better_ui/general/components/tooltip/tooltip_helper.rb
 - app/jobs/better_ui/application_job.rb
 - app/mailers/better_ui/application_mailer.rb
 - app/models/better_ui/application_record.rb
-- app/views/better_ui/docs/component.html.erb
-- app/views/better_ui/docs/index.html.erb
-- app/views/better_ui/docs/show.html.erb
 - app/views/layouts/better_ui/application.html.erb
+- config/initializers/lookbook.rb
 - config/routes.rb
 - lib/better_ui.rb
 - lib/better_ui/engine.rb
+- lib/better_ui/railtie.rb
 - lib/better_ui/version.rb
 - lib/tasks/better_ui_tasks.rake
 homepage: https://github.com/alessiobussolari/better_ui
@@ -129,6 +231,7 @@ metadata:
   homepage_uri: https://github.com/alessiobussolari/better_ui
   source_code_uri: https://github.com/alessiobussolari/better_ui
   changelog_uri: https://github.com/alessiobussolari/better_ui/blob/main/CHANGELOG.md
+  rubygems_mfa_required: 'true'
 post_install_message:
 rdoc_options: []
 require_paths:
@@ -147,5 +250,5 @@ requirements: []
 rubygems_version: 3.5.11
 signing_key:
 specification_version: 4
-summary: Componenti UI riutilizzabili per Rails con documentazione integrata
+summary: Elegant and reusable UI components for Rails with integrated documentation
 test_files: []

data/app/controllers/better_ui/docs_controller.rb DELETED Viewed

@@ -1,41 +0,0 @@
-module BetterUi
-  class DocsController < ApplicationController
-    def index
-      @components = [
-        { name: 'Button', path: better_ui.docs_component_path('button') },
-        { name: 'Alert', path: better_ui.docs_component_path('alert') },
-        { name: 'Card', path: better_ui.docs_component_path('card') },
-        { name: 'Modal', path: better_ui.docs_component_path('modal') },
-        { name: 'Tabs', path: better_ui.docs_component_path('tabs') },
-        { name: 'Form Elements', path: better_ui.docs_component_path('form_elements') }
-      ]
-    end
-    def show
-      doc_file = Rails.root.join('docs', "#{params[:page]}.md")
-      if File.exist?(doc_file)
-        @content = File.read(doc_file)
-      else
-        @content = "# Documentazione non trovata\nLa pagina richiesta non è stata trovata."
-      end
-    end
-    def component
-      component_name = params[:component]
-      # Percorso relativo ai file di documentazione dei componenti
-      doc_file = BetterUi::Engine.root.join('docs', 'components', "#{component_name}.md")
-      if File.exist?(doc_file)
-        @content = File.read(doc_file)
-      else
-        @content = "# Componente non trovato\nLa documentazione per il componente '#{component_name}' non è stata trovata."
-      end
-      # Decidere quali esempi mostrare in base al componente
-      @component_name = component_name
-      render :component
-    end
-  end
-end