evc_rails 0.2.1 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5fa808d0d2dcb0efe2ff7a1807cbfabfb62995594731b066eb718e3aac9e1ee3
-  data.tar.gz: fc944ac269042805ec1bb1c9175a4646ac56ed4a3ac2461c6061c211c831b608
+  metadata.gz: '0083734e9b8f16100d769aa08c7393c7e60105a5c9bcbc3774c5955cc3c71def'
+  data.tar.gz: 9099d7be89c3b5c6805fbd0b7b9316409c53a89ff62b1460391265c4a18fa97b
 SHA512:
-  metadata.gz: 197a8e203c89e35b9a2365b38d40a9c24c042045a9ea654538f9fa5eb860778d7a1312231c921d6a7b9119cc41869ece6240ce5af201a4c94420406a5f02f228
-  data.tar.gz: 0ae04a20540c3ad665ac2b7309e1053bdb200ca6f0a9c439752904ff9400fb6ce45defbe15cc620256a6959dd7b2c2b46489bea45921c1d44b09ea813a86f000
+  metadata.gz: 742227dddbef882cf3a085bfd2c8642e4decc61a76bb83f858b55bb900d1064d09b9507beb3cbfbb62d5472a644793f4457057d23962cce134a6d75aa018bfca
+  data.tar.gz: 13948d925ffc1419337d7d6a104be86bdae102577a133393978cb8c00eab2f7ee63bc627c6e15667c34671534f020588cf5e97297cbc82f6e0d79e800c9b416e

data/CHANGELOG.md

@@ -0,0 +1,87 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.2.2] - 2024-12-19
+
+### Added
+
+- **Boolean attribute shorthand**: Support for HTML-style boolean attributes without values
+  - `<Button disabled required />` now converts to `disabled: true, required: true`
+  - Makes templates more concise and readable for boolean parameters
+  - Works with any boolean parameter your component defines
+
+### Changed
+
+- Updated test suite to use new snake_case variable naming convention
+- Improved block variable syntax consistency across all examples
+
+## [0.2.1] - 2024-12-19
+
+### Added
+
+- **Custom block variable naming**: Support for `as` attribute to customize yielded variable names
+  - `<Card as="my_card">` yields `|my_card|` instead of `|card|`
+  - Helps avoid variable name collisions in nested components
+  - Useful for accessing parent component context from nested components
+
+### Changed
+
+- **Block variable naming**: Components now yield snake_case variable names by default
+  - `<Card>` now yields `|card|` instead of `|c|`
+  - More descriptive and consistent with Ruby naming conventions
+  - Only yields variables when slots are present in the component
+
+### Fixed
+
+- Improved slot method naming to match ViewComponent conventions
+  - `<WithHeader>` maps to `with_header` method (not `header`)
+  - `<WithItem>` maps to `with_item` method for both `renders_one` and `renders_many`
+  - Ensures compatibility with ViewComponent's generated method names
+
+## [0.2.0] - 2024-12-19
+
+### Added
+
+- **Slot support**: Full support for ViewComponent slots with `<With...>` syntax
+  - `<WithHeader>` for `renders_one :header`
+  - `<WithItem>` for `renders_many :items` (uses singular method name)
+  - Support for slot attributes and Ruby expressions
+  - Automatic block variable yielding when slots are present
+- **Namespaced component support**: Components in subdirectories
+  - `<UI::Button />` maps to `app/components/ui/button_component.rb`
+  - `<Forms::Fields::TextField />` for deeply nested components
+- **Enhanced error messages**: Line numbers and column positions for better debugging
+- **Production caching**: Automatic template caching using Rails.cache
+- **Cache management**: Methods to clear and inspect template cache
+
+### Changed
+
+- **Template handler architecture**: Improved performance and reliability
+- **Error handling**: More descriptive error messages with context
+
+## [0.1.0] - 2024-12-19
+
+### Added
+
+- **Initial release**: Basic JSX-like syntax for ViewComponent
+- **Self-closing components**: `<Button />` syntax
+- **Block components**: `<Card>content</Card>` syntax
+- **Attribute support**: String, Ruby expressions, and multiple attributes
+- **ERB integration**: Full support for ERB tags and Ruby expressions
+- **Drop-in replacement**: Works as a replacement for `.erb` files
+- **Basic caching**: Template compilation caching for performance
+
+---
+
+## Version History Notes
+
+- **0.1.0**: Initial release with core functionality
+- **0.2.0**: Major feature addition with slots and namespaced components
+- **0.2.1**: Improved variable naming and slot method compatibility
+- **0.2.2**: Added boolean attribute shorthand for cleaner templates

data/README.md

@@ -176,6 +176,22 @@ There are two ways to pass information to a component:
 - **As attributes:** Data passed as attributes on the main component tag (e.g. `<Card title="...">`) is sent to its `initialize` method.
 - **As slot content:** Rich content passed via `<With...>` tags is used to populate the component's named slots.
 
+#### Boolean Attribute Shorthand
+
+You can use HTML-style boolean attributes in EVC. If you specify an attribute with no value, it will be passed as `true` to your component initializer. This makes templates more concise and readable:
+
+```erb
+<Button disabled required />
+```
+
+is equivalent to:
+
+```erb
+<%= render ButtonComponent.new(disabled: true, required: true) %>
+```
+
+This works for any boolean parameter your component defines.
+
 #### When a Block Variable is Yielded
 
 The contextual variable (e.g., `|card|`) is only yielded if one or more `<With...>` slot tags are present inside the component block. If you render a component like `<Card></Card>` with no slots inside, `evc_rails` is smart enough to render it without the `do |card|` part.
@@ -282,6 +298,34 @@ end
 
 This generates distinct variables, `outer_card` and `inner_card`, allowing you to access the context of each component without collision.
 
+#### Passing a Collection to a Plural Slot (Array Notation)
+
+You can also pass an array directly to a plural slot method using embedded Ruby inside your EVC template. For this advanced use case, block variables are not inferred automatically and it is necessary to define block variables with the `as` attribute.
+
+```erb
+<Navigation as="navigation">
+  <% navigation.with_links([
+    { name: "Home", href: "/" },
+    { name: "Pricing", href: "/pricing" },
+    { name: "Sign Up", href: "/sign-up" }
+  ]) %>
+</Navigation>
+```
+
+This is equivalent to the ERB version:
+
+```erb
+<%= render NavigationComponent.new do |navigation| %>
+  <% navigation.with_links([
+    { name: "Home", href: "/" },
+    { name: "Pricing", href: "/pricing" },
+    { name: "Sign Up", href: "/sign-up" }
+  ]) %>
+<% end %>
+```
+
+You can use this approach for any plural slot method generated by `renders_many`. The block variable (e.g., `navigation`) is always available inside the component block when you use the `as` attribute, even if there are no `<With...>` slot tags present.
+
 ### Mixed Content
 
 You can mix regular HTML, ERB, and component tags:

data/lib/evc_rails/template_handler.rb

@@ -13,7 +13,7 @@ module EvcRails
       CLOSE_TAG_REGEX = %r{</([A-Z][a-zA-Z0-9_]*(?:::[A-Z][a-zA-Z0-9_]*)*)>}
 
       # Regex for attributes
-      ATTRIBUTE_REGEX = /(\w+)=(?:"([^"]*)"|'([^']*)'|\{([^}]*)\})/
+      ATTRIBUTE_REGEX = /(\w+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|\{([^}]*)\}))?/
 
       # Cache for compiled templates
       @template_cache = {}
@@ -150,8 +150,10 @@ module EvcRails
             else
               component_class = "#{tag_name}Component"
               variable_name = as_variable || component_variable_name(tag_name)
+              # If as_variable is present, force block variable to be yielded
+              force_block_variable = !as_variable.nil?
               stack << [tag_name, component_class, param_str, result.length, :component, nil, false, match.begin(0),
-                        variable_name]
+                        variable_name, force_block_variable]
               result << if param_str.empty?
                           "<%= render #{component_class}.new do %>"
                         else
@@ -188,10 +190,10 @@ module EvcRails
             tag_type = open_tag_data[4]
 
             if tag_type == :component
-              _tag_name, component_class, param_str, start_pos, _type, _slot_name, slot_used, _open_pos, variable_name = open_tag_data
+              _tag_name, component_class, param_str, start_pos, _type, _slot_name, slot_used, _open_pos, variable_name, force_block_variable = open_tag_data
 
-              # Patch in |variable_name| for component if a slot was used
-              if slot_used
+              # Patch in |variable_name| for component if a slot was used or as_variable was present
+              if slot_used || force_block_variable
                 # More robustly find the end of the `do` block to insert the variable.
                 # This avoids faulty regex matching on complex parameters.
                 relevant_part = result[start_pos..-1]
@@ -254,13 +256,16 @@ module EvcRails
 
         params = []
         attributes_str.scan(attribute_regex) do |key, quoted_value, single_quoted_value, ruby_expression|
-          if ruby_expression
-            params << "#{key}: #{ruby_expression}"
-          elsif quoted_value
-            params << "#{key}: \"#{quoted_value.gsub('"', '\\"')}\""
-          elsif single_quoted_value
-            params << "#{key}: \"#{single_quoted_value.gsub("'", "\\'")}\""
-          end
+          params << if ruby_expression
+                      "#{key}: #{ruby_expression}"
+                    elsif quoted_value
+                      "#{key}: \"#{quoted_value.gsub('"', '\\"')}\""
+                    elsif single_quoted_value
+                      "#{key}: \"#{single_quoted_value.gsub("'", "\\'")}\""
+                    else
+                      # Standalone attribute (no value) - treat as boolean true
+                      "#{key}: true"
+                    end
         end
         [params, as_variable]
       end

data/lib/evc_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module EvcRails
-  VERSION = "0.2.1"
+  VERSION = "0.2.3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: evc_rails
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.3
 platform: ruby
 authors:
 - scttymn
@@ -77,6 +77,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".rubocop.yml"
+- CHANGELOG.md
 - LICENSE.txt
 - README.md
 - Rakefile