vident-view_component 1.0.0.alpha2 → 1.0.0.alpha4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3452823d17aa9539e3507419b003819c10180119372b8e670a02407f37d3fe1f
-  data.tar.gz: 8a021b5cbe54b96f431b5ab09c067286174c22852a2cdd338ed6199efffdd2b9
+  metadata.gz: ad0c1b7dc1807d2f8de65971bad127b5f886a138faae6fd1951d89743e328950
+  data.tar.gz: 4ef05f134343065a200c5c109a1d87849c99c37982adf45f79a0b117e5577150
 SHA512:
-  metadata.gz: 662e51386d794627b27c2bf6bc836b54f45b9b520e5ee5cc6a2e0814852a8ffca4400d7a5bf1c2b90d7aef42ec367e6a58e55d6b85ed9e2e402611a0de405f53
-  data.tar.gz: 7d0f18b44084a70178b38cf389a1116f724dfa02c592862aeb5420835b34228b7f9c721da97a3791cd978a8a6cbaae69538b3ef984c1bdd54d35ce1998c75f73
+  metadata.gz: b868e1dd942a08188a935630cbdd3c0b39f773b0e42327c32c9960877914c3887920ec22caf1a3e830c17f821d4e4c0b333b09119bb16edf4b0d57bd607b3dd0
+  data.tar.gz: f844a54d9699129aacf5fb9ae13af2ae7997c7ea31d4b5c28f947a0a3eede588823acc99bd7b4f8924880fa234d48ec396e259d5f2cf8d5412036d109cb014b6

data/CHANGELOG.md

@@ -6,6 +6,19 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
 
+## [1.0.0.alpha4] - 2025-12-12
+
+- Update to `view_component` 4
+
+## [1.0.0.alpha3] - 2025-07-21
+
+### Breaking
+- `element_classes` is now `root_element_classes` to make more consistent with the other root element methods.
+
+### Added
+
+-`.prop_names` and `#prop_values` methods to `Vident::Component` to return the names and values of the component's properties.
+
 ## [1.0.0.alpha2] - 2025-07-08
 
 ### Breaking

data/README.md

@@ -71,26 +71,28 @@ class ButtonComponent < Vident::ViewComponent::Base
   # Define typed properties
   prop :text, String, default: "Click me"
   prop :url, _Nilable(String)
-  prop :style, Symbol, in: [:primary, :secondary], default: :primary
+  prop :style, _Union(:primary, :secondary), default: :primary
   prop :clicked_count, Integer, default: 0
   
   # Configure Stimulus integration
   stimulus do
-    actions [:click, :handle_click]
-    # Static values
-    values loading_duration: 1000
+    # Setup actions, including with proc to evaluate on instance 
+    actions [:click, :handle_click], 
+            -> { [stimulus_scoped_event(:my_custom_event), :handle_this] if should_handle_this? }
     # Map the clicked_count prop as a Stimulus value
     values_from_props :clicked_count
     # Dynamic values using procs (evaluated in component context)
-    values item_count: -> { @items.count }
-    values api_url: -> { Rails.application.routes.url_helpers.api_items_path }
+    values item_count: -> { @items.count },
+           api_url: -> { Rails.application.routes.url_helpers.api_items_path },
+           loading_duration: 1000 # or set static values
     # Static and dynamic classes
-    classes loading: "opacity-50 cursor-wait"
-    classes size: -> { @items.count > 10 ? "large" : "small" }
+    classes loading: "opacity-50 cursor-wait",
+            size: -> { @items.count > 10 ? "large" : "small" }
   end
 
   def call
     root_element do |component|
+      # Wire up targets etc
       component.tag(:span, stimulus_target: :status) do
         @text
       end
@@ -99,6 +101,7 @@ class ButtonComponent < Vident::ViewComponent::Base
 
   private
 
+  # Configure your components root HTML element
   def root_element_attributes
     {
       element_tag: @url ? :a : :button,
@@ -106,7 +109,8 @@ class ButtonComponent < Vident::ViewComponent::Base
     }
   end
 
-  def element_classes
+  # optionally add logic to determine initial classes
+  def root_element_classes
     base_classes = "btn"
     case @style
     when :primary
@@ -263,7 +267,7 @@ The `root_element` helper method renders your component's root element with all
 
 ```ruby
 # In your component class
-def element_classes
+def root_element_classes
   ["card", featured? ? "card-featured" : nil]
 end
 
@@ -619,7 +623,7 @@ class StyledComponent < Vident::ViewComponent::Base
   private
   
   # Classes on the root element
-  def element_classes
+  def root_element_classes
     ["base-class", variant_class]
   end
   
@@ -653,7 +657,7 @@ class TailwindComponent < Vident::ViewComponent::Base
   
   private
   
-  def element_classes
+  def root_element_classes
     # Conflicts with size_class will be resolved automatically
     "p-2 text-sm #{size_class}"
   end

data/lib/vident/view_component/base.rb

@@ -41,10 +41,10 @@ module Vident
 
       SELF_CLOSING_TAGS = Set[:area, :base, :br, :col, :embed, :hr, :img, :input, :link, :meta, :param, :source, :track, :wbr].freeze
 
-      def root_element(&block)
+      def root_element(**overrides, &block)
         tag_type = root_element_tag_type
         child_content = view_context.capture(self, &block) if block_given? # Evaluate before generating the outer tag options to ensure DSL methods are executed
-        options = root_element_tag_options
+        options = resolve_root_element_attributes_before_render(overrides)
         if SELF_CLOSING_TAGS.include?(tag_type)
           view_context.tag(tag_type, options)
         else

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: vident-view_component
 version: !ruby/object:Gem::Version
-  version: 1.0.0.alpha2
+  version: 1.0.0.alpha4
 platform: ruby
 authors:
 - Stephen Ierodiaconou
 bindir: bin
 cert_chain: []
-date: 2025-07-08 00:00:00.000000000 Z
+date: 2025-12-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -55,28 +55,34 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.0.0.alpha2
+        version: 1.0.0.alpha4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.0.0.alpha2
+        version: 1.0.0.alpha4
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 4.0.0.rc2
+        version: '5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 4.0.0.rc2
+        version: '5'
 description: Vident with ViewComponent
 email:
 - stevegeek@gmail.com