tramway 1.0.0.1 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4ae5cf80f64299d99f74c529026b79d86560dc9de06ef48b5e2034e0cf586781
-  data.tar.gz: 8c7a9206caca2076a929c6f1d5f54680e7efb637f615a9513be2d2d720eaaf2a
+  metadata.gz: e80ee744d6bfbcc4a55b9cbccc19b9d2c755830c8641009198d86553961cc0ed
+  data.tar.gz: 58f0e9d547c6d209800c02e9ac6774b910366ead27c3f2306c5cc5bf379e7f38
 SHA512:
-  metadata.gz: 8e74f1aa07fe82961906725383afbe2ca3b2ee307c0aecb04687f4e49db726aec9796a9bab6fd9dac9b61801a91ddf31f4d746591ac725cdf0e158beddc10c67
-  data.tar.gz: 3b0fc24f6e0f5f24540b85ec151af179b4bedd292713e8035932c11346e12d2ba685382d12a86e5deb97a5dd3e85ef5a8ff2e7c5a3aba9b6f676897a1adfc2a2
+  metadata.gz: 37b4d134de11d33b1dbbf1dd08818934a02c1d4de126d07bd15ad9b763fb8ec7b355ec9f05913e72a2b2133e2ef0679651b620ea29bb658cb8859e999bd35f66
+  data.tar.gz: 4537dd751d10550a4cf9176b969195200caeabc2f74556a96dc72afd73e5c9d8b3238b71c48c59d751550d2ae9faddac98991a95222db19114d1f93b7d624ace

data/README.md

@@ -248,6 +248,56 @@ class UserDecorator < Tramway::BaseDecorator
 end
 ```
 
+#### Add header content to index pages
+
+You can inject custom content above an entity's index table by defining an
+`index_header_content` lambda on its decorator. The lambda receives the
+collection of decorated records and can render any component you need.
+
+*config/initializers/tramway.rb*
+```ruby
+Tramway.configure do |config|
+  config.entities = [
+    {
+      name: :project,
+      pages: [
+        { action: :index }
+      ]
+    }
+  ]
+end
+```
+
+*app/decorators/project_decorator.rb*
+```ruby
+class ProjectDecorator < Tramway::BaseDecorator
+  class << self
+    def index_header_content
+      lambda do |_collection|
+        component "projects/index_header"
+      end
+    end
+  end
+end
+```
+
+*app/components/projects/index_header_component.html.haml*
+```haml
+.mb-2
+  = tramway_button path: Rails.application.routes.url_helpers.new_project_path,
+    text: 'Create',
+    type: :hope
+```
+
+*app/components/projects/index_header_component.rb*
+```ruby
+class Projects::IndexHeaderComponent < Tramway::BaseComponent
+end
+```
+
+With this configuration in place, the index page will render the `Create`
+button component above the table of projects.
+
 #### Decorate a single object
 
 You can use the same method to decorate a single object either
@@ -770,7 +820,7 @@ Available form helpers:
 
 *app/views/devise/sessions/new.html.erb*
 ```erb
-<%= tramway_form_for(resource, as: resource_name, url: session_path(resource_name), class: 'bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4') do |f| %>
+<%= tramway_form_for(resource, as: resource_name, url: session_path(resource_name), html: { class: 'bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4') } do |f| %>
   <%= component 'forms/errors', record: resource %>
 
   <%= f.text_field :email, placeholder: 'Your email' %>

data/app/components/tailwinds/badge_component.html.haml

@@ -0,0 +1,2 @@
+%span{ class: classes }
+  = text

data/app/components/tailwinds/badge_component.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Tailwinds
+  # Default Tramway badge
+  #
+  class BadgeComponent < Tailwinds::BaseComponent
+    option :text
+    option :type, optional: true
+    option :color, optional: true
+
+    def classes
+      [
+        'flex', 'px-3', 'py-1', 'text-sm', 'font-semibold', 'text-white', "bg-#{resolved_color}-500",
+        "dark:bg-#{resolved_color}-600", 'rounded-full', 'w-fit'
+      ]
+    end
+  end
+end

data/app/components/tailwinds/base_component.rb

@@ -3,5 +3,41 @@
 module Tailwinds
   # Shared base component for Tailwinds components
   class BaseComponent < Tramway::BaseComponent
+    TYPE_COLOR_MAP = {
+      default: :gray,
+      life: :gray,
+      primary: :blue,
+      hope: :blue,
+      secondary: :zinc,
+      success: :green,
+      will: :green,
+      warning: :orange,
+      greed: :orange,
+      danger: :red,
+      rage: :red,
+      love: :violet,
+      compassion: :indigo,
+      compassio: :indigo,
+      fear: :yellow,
+      submit: :green
+    }.freeze
+
+    def resolved_color
+      (color || type_color).to_s
+    end
+
+    def type_color
+      TYPE_COLOR_MAP.fetch(normalized_type, TYPE_COLOR_MAP[:default]).to_sym
+    end
+
+    def normalized_type
+      value = type
+      value = nil if value.respond_to?(:empty?) && value.empty?
+      value ||= :default
+      value = value.downcase if value.respond_to?(:downcase)
+      value = value.to_sym if value.respond_to?(:to_sym)
+
+      TYPE_COLOR_MAP.key?(value) ? value : :default
+    end
   end
 end

data/app/components/tailwinds/button_component.rb

@@ -21,25 +21,6 @@ module Tailwinds
       }[size]
     end
 
-    TYPE_COLOR_MAP = {
-      default: :gray,
-      life: :gray,
-      primary: :blue,
-      hope: :blue,
-      secondary: :zinc,
-      success: :green,
-      will: :green,
-      warning: :orange,
-      greed: :orange,
-      danger: :red,
-      rage: :red,
-      love: :violet,
-      compassion: :indigo,
-      compassio: :indigo,
-      fear: :yellow,
-      submit: :green
-    }.freeze
-
     def classes
       (default_classes +
         light_mode_classes +
@@ -69,25 +50,5 @@ module Tailwinds
         'dark:text-gray-300'
       ]
     end
-
-    private
-
-    def resolved_color
-      (color || type_color).to_s
-    end
-
-    def type_color
-      TYPE_COLOR_MAP.fetch(normalized_type, TYPE_COLOR_MAP[:default]).to_sym
-    end
-
-    def normalized_type
-      value = type
-      value = nil if value.respond_to?(:empty?) && value.empty?
-      value ||= :default
-      value = value.downcase if value.respond_to?(:downcase)
-      value = value.to_sym if value.respond_to?(:to_sym)
-
-      TYPE_COLOR_MAP.key?(value) ? value : :default
-    end
   end
 end

data/app/components/tailwinds/form/select_component.html.haml

@@ -2,7 +2,7 @@
   - if @label
     = component('tailwinds/form/label', for: @for) do
       = @label
-  - base_classes = 'bg-white border border-gray-300 text-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 '
+  - base_classes = 'w-full bg-white border border-gray-300 text-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 '
   - base_classes += 'focus:border-transparent disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed '
   - base_classes += 'dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:focus:ring-red-400 dark:disabled:bg-gray-800 dark:disabled:text-gray-500'
   - classes = "#{size_class(:select_input)} #{base_classes}"

data/lib/tramway/helpers/views_helper.rb

@@ -59,6 +59,13 @@ module Tramway
           component 'tailwinds/containers/narrow', &
         end
       end
+
+      def tramway_badge(text:, type: nil, color: nil)
+        component 'tailwinds/badge',
+                  text:,
+                  type:,
+                  color:
+      end
     end
   end
 end

data/lib/tramway/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Tramway
-  VERSION = '1.0.0.1'
+  VERSION = '1.0.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 1.0.0.1
+  version: 1.0.1
 platform: ruby
 authors:
 - kalashnikovisme
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-01 00:00:00.000000000 Z
+date: 2025-11-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: anyway_config
@@ -145,6 +145,8 @@ files:
 - app/components/tailwind_component.rb
 - app/components/tailwinds/back_button_component.html.haml
 - app/components/tailwinds/back_button_component.rb
+- app/components/tailwinds/badge_component.html.haml
+- app/components/tailwinds/badge_component.rb
 - app/components/tailwinds/base_component.rb
 - app/components/tailwinds/button_component.html.haml
 - app/components/tailwinds/button_component.rb