better_ui 0.4.0 → 0.5.0

data/lib/generators/better_ui/templates/components/_table.scss

@@ -0,0 +1,105 @@
+/* ==============================
+ * Table Component
+ * ============================== */
+
+/* Contenitore e base */
+.bui-table-container {
+  @apply overflow-hidden;
+}
+
+.bui-table-base {
+  @apply w-full;
+}
+
+.bui-table-bordered {
+  @apply border-collapse;
+}
+
+/* Bordi arrotondati */
+.bui-table-radius-none { @apply rounded-none; }
+.bui-table-radius-small { @apply rounded-md; }
+.bui-table-radius-medium { @apply rounded-lg; }
+.bui-table-radius-large { @apply rounded-xl; }
+.bui-table-radius-full { @apply rounded-3xl; }
+
+/* Celle e righe */
+.bui-table-cell { 
+  @apply px-4 py-3; 
+}
+
+.bui-table-cell-compact { 
+  @apply px-2 py-1 text-sm; 
+}
+
+.bui-table-cell-bordered {
+  @apply border;
+}
+
+/* Stili per le righe */
+.bui-table-row-hover tr:hover td { 
+  @apply bg-opacity-10 bg-gray-500; 
+}
+
+.bui-table-row-striped tr:nth-child(odd) td { 
+  @apply bg-gray-50; 
+}
+
+.bui-table-row-alternate {
+  @apply bg-gray-50;
+}
+
+/* Caption */
+.bui-table-caption { 
+  @apply p-3 font-medium; 
+}
+
+.bui-table-caption-bordered {
+  @apply border-b;
+}
+
+/* Header */
+.bui-table-header th { 
+  @apply font-semibold; 
+}
+
+/* Footer */
+.bui-table-footer td { 
+  @apply font-semibold; 
+}
+
+.bui-table-footer-cell {
+  @apply bg-opacity-90;
+}
+
+/* Varianti bordi */
+.bui-table-border-default { @apply border-gray-900; }
+.bui-table-border-white { @apply border-gray-200; }
+.bui-table-border-red { @apply border-red-600; }
+.bui-table-border-rose { @apply border-rose-600; }
+.bui-table-border-orange { @apply border-orange-600; }
+.bui-table-border-green { @apply border-green-600; }
+.bui-table-border-blue { @apply border-blue-600; }
+.bui-table-border-yellow { @apply border-yellow-600; }
+.bui-table-border-violet { @apply border-violet-600; }
+
+/* Varianti background */
+.bui-table-bg-default { @apply bg-black; }
+.bui-table-bg-white { @apply bg-white; }
+.bui-table-bg-red { @apply bg-red-500; }
+.bui-table-bg-rose { @apply bg-rose-500; }
+.bui-table-bg-orange { @apply bg-orange-500; }
+.bui-table-bg-green { @apply bg-green-500; }
+.bui-table-bg-blue { @apply bg-blue-500; }
+.bui-table-bg-yellow { @apply bg-yellow-500; }
+.bui-table-bg-violet { @apply bg-violet-500; }
+
+/* Varianti testo */
+.bui-table-text-default { @apply text-white; }
+.bui-table-text-white { @apply text-black; }
+.bui-table-text-red { @apply text-white; }
+.bui-table-text-rose { @apply text-white; }
+.bui-table-text-orange { @apply text-white; }
+.bui-table-text-green { @apply text-white; }
+.bui-table-text-blue { @apply text-white; }
+.bui-table-text-yellow { @apply text-black; }
+.bui-table-text-violet { @apply text-white; } 

data/lib/generators/better_ui/templates/components/_variables.scss

@@ -0,0 +1,33 @@
+/* ==============================
+ * Variables
+ * ============================== */
+
+/* Colori principali - usa i colori di Tailwind */
+$bui-primary: theme('colors.blue.500') !default;
+$bui-primary-hover: theme('colors.blue.600') !default;
+$bui-secondary: theme('colors.gray.500') !default;
+$bui-secondary-hover: theme('colors.gray.600') !default;
+$bui-success: theme('colors.emerald.500') !default;
+$bui-warning: theme('colors.amber.500') !default;
+$bui-danger: theme('colors.red.500') !default;
+$bui-info: theme('colors.blue.500') !default;
+
+/* Spaziature - usa gli spacing di Tailwind */
+$bui-spacing-xs: theme('spacing.1') !default;
+$bui-spacing-sm: theme('spacing.2') !default;
+$bui-spacing-md: theme('spacing.4') !default;
+$bui-spacing-lg: theme('spacing.6') !default;
+$bui-spacing-xl: theme('spacing.8') !default;
+
+/* Tipografia - usa i font di Tailwind */
+$bui-font-family: theme('fontFamily.sans') !default;
+$bui-font-size-sm: theme('fontSize.sm[0]') !default;
+$bui-font-size-base: theme('fontSize.base[0]') !default;
+$bui-font-size-lg: theme('fontSize.lg[0]') !default;
+$bui-font-size-xl: theme('fontSize.xl[0]') !default;
+
+/* Border radius - usa i radius di Tailwind */
+$bui-radius-sm: theme('borderRadius.sm') !default;
+$bui-radius-md: theme('borderRadius.md') !default;
+$bui-radius-lg: theme('borderRadius.lg') !default;
+$bui-radius-full: theme('borderRadius.full') !default; 

data/lib/generators/better_ui/templates/components_stylesheet.scss

@@ -0,0 +1,66 @@
+/*
+ * <%= options[:prefix] %>_better_ui_components.scss
+ * Foglio di stile SCSS per la personalizzazione dei componenti di BetterUi
+ * Generato il: <%= Time.now.strftime('%d/%m/%Y %H:%M') %>
+ */
+
+/**
+ * INDICE:
+ * 1. Variabili
+ * 2. Componenti generali
+ * 3. Componenti applicativi
+ * 4. Personalizzazioni
+ */
+
+/*==================================
+  IMPORTAZIONE COMPONENTI E VARIABILI
+====================================*/
+/* Importa le variabili */
+@import "components/variables";
+
+@layer components {
+  /*==================================
+    COMPONENTI GENERALI
+  ====================================*/
+  
+  /* Importa il componente Bottone */
+  @import "components/button";
+  
+  /* Importa il componente Heading */
+  @import "components/heading";
+  
+  /* Importa il componente Breadcrumb */
+  @import "components/breadcrumb";
+  
+  /* Importa il componente Link */
+  @import "components/link";
+  
+  /* Importa il componente Panel */
+  @import "components/panel";
+  
+  /* Importa il componente Icon */
+  @import "components/icon";
+  
+  /* Importa il componente Table */
+  @import "components/table";
+  
+  /* Importa il componente Spinner */
+  @import "components/spinner";
+  
+  /* Importa il componente Badge */
+  @import "components/badge";
+  
+  /* Importa il componente Avatar */
+  @import "components/avatar";
+  
+  /*==================================
+    COMPONENTI APPLICATIVI
+  ====================================*/
+  /* Importa il componente Card */
+  @import "components/card";
+  
+  /*==================================
+    PERSONALIZZAZIONI
+  ====================================*/
+  /* Qui è possibile aggiungere personalizzazioni specifiche */
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: better_ui
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.5.0
 platform: ruby
 authors:
 - alessiobussolari
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-02 00:00:00.000000000 Z
+date: 2025-05-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -95,27 +95,27 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 6.5.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.1'
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '2.1'
 - !ruby/object:Gem::Dependency
-  name: puma
+  name: listen
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :development
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -123,21 +123,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: lookbook
+  name: actioncable
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '2.1'
-  type: :development
+        version: '0'
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: listen
+  name: sqlite3
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -151,7 +151,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: actioncable
+  name: puma
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -164,8 +164,8 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Una gem Rails che funziona come engine montabile contenente componenti
-  UI riutilizzabili e pagine di documentazione
+description: A Rails gem that works as a mountable engine containing reusable UI components
+  and documentation pages
 email:
 - alessio.bussolari@pandev.it
 executables: []
@@ -183,6 +183,10 @@ files:
 - app/assets/stylesheets/better_ui/application.css
 - app/components/better_ui/application/alert_component.html.erb
 - app/components/better_ui/application/alert_component.rb
+- app/components/better_ui/application/card_component.html.erb
+- app/components/better_ui/application/card_component.rb
+- app/components/better_ui/application/card_container_component.html.erb
+- app/components/better_ui/application/card_container_component.rb
 - app/components/better_ui/application/header_component.html.erb
 - app/components/better_ui/application/header_component.rb
 - app/components/better_ui/application/navbar_component.html.erb
@@ -191,6 +195,10 @@ files:
 - app/components/better_ui/application/sidebar_component.rb
 - app/components/better_ui/application/toast_component.html.erb
 - app/components/better_ui/application/toast_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
@@ -199,23 +207,44 @@ files:
 - 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/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/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/theme_helper.rb
 - app/controllers/better_ui/application_controller.rb
 - app/controllers/better_ui/docs_controller.rb
-- app/helpers/better_ui_application_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/components/better_ui/general/table/_custom_body_row.html.erb
+- app/views/components/better_ui/general/table/_custom_footer_rows.html.erb
+- app/views/components/better_ui/general/table/_custom_header_rows.html.erb
 - app/views/layouts/component_preview.html.erb
 - config/initializers/lookbook.rb
 - config/routes.rb
 - lib/better_ui.rb
 - lib/better_ui/engine.rb
 - lib/better_ui/version.rb
+- lib/generators/better_ui/stylesheet_generator.rb
+- lib/generators/better_ui/templates/README
+- lib/generators/better_ui/templates/components/_avatar.scss
+- lib/generators/better_ui/templates/components/_badge.scss
+- lib/generators/better_ui/templates/components/_breadcrumb.scss
+- lib/generators/better_ui/templates/components/_button.scss
+- lib/generators/better_ui/templates/components/_card.scss
+- lib/generators/better_ui/templates/components/_heading.scss
+- lib/generators/better_ui/templates/components/_icon.scss
+- lib/generators/better_ui/templates/components/_link.scss
+- lib/generators/better_ui/templates/components/_panel.scss
+- lib/generators/better_ui/templates/components/_spinner.scss
+- lib/generators/better_ui/templates/components/_table.scss
+- lib/generators/better_ui/templates/components/_variables.scss
+- lib/generators/better_ui/templates/components_stylesheet.scss
 - lib/tasks/better_ui_tasks.rake
 homepage: https://github.com/alessiobussolari/better_ui
 licenses:
@@ -243,5 +272,5 @@ requirements: []
 rubygems_version: 3.5.11
 signing_key:
 specification_version: 4
-summary: Componenti UI riutilizzabili per Rails con documentazione integrata
+summary: Reusable UI components for Rails with integrated documentation
 test_files: []

data/app/helpers/better_ui_application_helper.rb

@@ -1,99 +0,0 @@
-module BetterUi
-  module ApplicationHelper
-    # Render markdown
-    def better_ui_markdown(text)
-      return '' if text.blank?
-      
-      renderer = Redcarpet::Render::HTML.new(
-        filter_html: false,
-        hard_wrap: true,
-        link_attributes: { target: '_blank', rel: 'noopener noreferrer' }
-      )
-      
-      markdown = Redcarpet::Markdown.new(
-        renderer,
-        autolink: true,
-        tables: true,
-        fenced_code_blocks: true,
-        strikethrough: true,
-        superscript: true,
-        underline: true,
-        highlight: true,
-        quote: true,
-        footnotes: true
-      )
-      
-      rendered_html = markdown.render(text).html_safe
-      
-      # Applica classi Tailwind agli elementi HTML generati dal markdown
-      rendered_html
-        .gsub(/<h1>/i, '<h1 class="text-3xl font-bold mb-6 pb-2 border-b border-gray-200">')
-        .gsub(/<h2>/i, '<h2 class="text-2xl font-semibold mt-8 mb-4 pb-2 border-b border-gray-100">')
-        .gsub(/<h3>/i, '<h3 class="text-xl font-medium mt-6 mb-3">')
-        .gsub(/<pre>/i, '<pre class="bg-gray-100 p-4 rounded-md overflow-x-auto my-4">')
-        .gsub(/<code>/i, '<code class="font-mono">')
-        .gsub(/<ul>/i, '<ul class="ml-6 mb-4">')
-        .gsub(/<ol>/i, '<ol class="ml-6 mb-4">')
-        .gsub(/<p>/i, '<p class="mb-4 leading-relaxed">')
-        .gsub(/<a /i, '<a class="text-blue-600 no-underline hover:underline" ')
-        .gsub(/<blockquote>/i, '<blockquote class="border-l-4 border-gray-200 pl-4 ml-0 text-gray-600">')
-        .html_safe
-    end
-    
-    # Determina se il path corrente corrisponde a quello dato
-    def current_page?(path)
-      request.path == path
-    end
-    
-    # Helper per i componenti General
-    def better_ui_general_button(label = nil, **options)
-      render BetterUi::General::ButtonComponent.new(label: label, **options)
-    end
-    
-    def better_ui_general_panel(**options, &block)
-      render BetterUi::General::PanelComponent.new(**options), &block
-    end
-    
-    def better_ui_general_table(**options)
-      render BetterUi::General::TableComponent.new(**options)
-    end
-    
-    def better_ui_general_icon(name, **options)
-      render BetterUi::General::IconComponent.new(name: name, **options)
-    end
-    
-    # Helper per i componenti Application
-    def better_ui_application_button(label = nil, **options)
-      render BetterUi::Application::ButtonComponent.new(label: label, **options)
-    end
-    
-    def better_ui_application_panel(**options, &block)
-      render BetterUi::Application::PanelComponent.new(**options), &block
-    end
-    
-    def better_ui_application_table(**options)
-      render BetterUi::Application::TableComponent.new(**options)
-    end
-    
-    def better_ui_application_icon(name, **options)
-      render BetterUi::Application::IconComponent.new(name: name, **options)
-    end
-    
-    # Helper per i componenti Website
-    def better_ui_website_button(label = nil, **options)
-      render BetterUi::Website::ButtonComponent.new(label: label, **options)
-    end
-    
-    def better_ui_website_panel(**options, &block)
-      render BetterUi::Website::PanelComponent.new(**options), &block
-    end
-    
-    def better_ui_website_table(**options)
-      render BetterUi::Website::TableComponent.new(**options)
-    end
-    
-    def better_ui_website_icon(name, **options)
-      render BetterUi::Website::IconComponent.new(name: name, **options)
-    end
-  end
-end