jekyll-webawesome 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f09b4ba8c46c0b7691411998aea6960e82dbe53654c95c777361b53876ecc19c
-  data.tar.gz: 125a368ad99787b0dbec1901781bd1c7fa2fcfdc0c1b14fe2440f8cfe9ad119a
+  metadata.gz: 248a4b65617851cba2e7b5cc7b1a14f9424fa38649b0efbe7f5af4417b71df7f
+  data.tar.gz: 157cfaef53cc8d38d1b7d3d0ddd6fc2c383a9a2989da6f5be9a62e9dc9d19bd0
 SHA512:
-  metadata.gz: bc8e69fcd0869698e5b9e8ce3225ab219be8b50eb781beab64a4b7ad0571d4e2580189a4607b6254f52ed7e1fa1cb776b44c7c7443f9e50785cd45fe7d75c83a
-  data.tar.gz: a27a198436f697ff26959c06b73eba4f52e72164f400251517487f0242a3c959f126a15088f3c91b86ae3c6e3dcb6645c9fcaaf12f6ac1bfb5a084170b540a9d
+  metadata.gz: fb931b98a57633b9924bbaf3143f4b3cda7bab15e3778f1d698775c95e349a3802d6f1d9fa537ebe8424e3e4debbf9d0d411101e2fd9481bbd9aee7224e86bc9
+  data.tar.gz: b0d50534280129717c3fa47445a66cf44313995b31061728679ad3324c05e9927934686e1b9a9343f7037f62fde575581c25571ebe437c2f1ed70c90cd8ba803

data/CHANGELOG.md

@@ -8,6 +8,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 
 - Placeholder
 
+## [0.4.0] - 2025-09-29
+
+- Support for icon placement in wa-details component
+
 ## [0.3.0] - 2025-09-29
 
 - Support for wa-copy-button component (`<<<...<<<` or `:::wa-copy-button`)
@@ -18,8 +22,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 
 ## [0.2.0] - 2025-09-03
 
-### Added
-
 - Configuration options to control transformation scope
   - `transform_pages` - Enable/disable transformations for pages (default: true)
   - `transform_documents` - Enable/disable transformations for documents/posts (default: true)
@@ -30,8 +32,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 
 ## [0.1.0] - 2025-08-09
 
-### Added
-
 - Initial release of jekyll-webawesome gem
 - Support for Badge components (`!!!variant` or `:::wa-badge variant`)
 - Support for Button components (`%%%variant` or `:::wa-button variant`)

data/README.md

@@ -18,7 +18,7 @@ This plugin focuses on the most commonly used Web Awesome components for Jekyll
 | **Card** | `===` | `:::wa-card` | `<wa-card>content</wa-card>` |
 | **Comparison** | `\|\|\|` or `\|\|\|25` | `:::wa-comparison` or `:::wa-comparison 25` | `<wa-comparison>` with before/after slots |
 | **Copy Button** | `<<<` | `:::wa-copy-button` | `<wa-copy-button value="content">content</wa-copy-button>` |
-| **Details** | `^^^` | `:::wa-details` | `<wa-details><summary>summary</summary>content</wa-details>` |
+| **Details** | `^^^appearance? icon-placement?` | `:::wa-details appearance? icon-placement?` | `<wa-details appearance="..." icon-placement="...">content</wa-details>` |
 | **Tab Group** | `++++++` | `:::wa-tabs` | `<wa-tab-group><wa-tab>content</wa-tab></wa-tab-group>` |
 | **Tag** | `@@@brand` | `:::wa-tag brand` | `<wa-tag variant="brand">content</wa-tag>` |
 
@@ -372,6 +372,38 @@ Content goes here
 ^^^
 ```
 
+You can also control icon placement (expand/collapse icon location):
+
+```markdown
+^^^start
+Summary with icon on the start (left)
+>>>
+The expand/collapse icon appears on the left side
+^^^
+
+^^^end
+Summary with icon on the end (right)
+>>>
+The expand/collapse icon appears on the right side (default)
+^^^
+```
+
+You can combine appearance and icon placement:
+
+```markdown
+^^^filled start
+Filled appearance with icon on the start
+>>>
+Content with both styling and icon positioning
+^^^
+
+^^^plain end
+Plain appearance with icon on the end
+>>>
+Parameters can be in any order: start filled, filled start, etc.
+^^^
+```
+
 ### Tab Groups
 
 Create tabbed content using the `++++++` syntax for tab groups and `+++` for tabs.
@@ -471,6 +503,13 @@ Cards automatically parse content into these slots:
 | `plain` | plain |
 | `filled-outlined` | filled outlined |
 
+### Details Icon Placement
+
+| Position | Description |
+|----------|-------------|
+| `end` (default) | Icon appears on the right side |
+| `start` | Icon appears on the left side |
+
 ### Tab Placements
 
 - `top` (default)

data/lib/jekyll/webawesome/transformers/details_transformer.rb

@@ -5,25 +5,30 @@ require_relative 'base_transformer'
 module Jekyll
   module WebAwesome
     # Transforms summary/details syntax into wa-details elements
-    # Primary syntax: ^^^appearance?\nsummary\n>>>\ndetails\n^^^
-    # Alternative syntax: :::wa-details appearance?\nsummary\n>>>\ndetails\n:::
+    # Primary syntax: ^^^appearance? icon-placement?\nsummary\n>>>\ndetails\n^^^
+    # Alternative syntax: :::wa-details appearance? icon-placement?\nsummary\n>>>\ndetails\n:::
     # Appearances: outlined (default), filled, filled-outlined, plain
+    # Icon placement: start, end (default)
     class DetailsTransformer < BaseTransformer
       def self.transform(content)
-        # Define both regex patterns
-        primary_regex = /^\^\^\^?(outlined|filled|filled-outlined|plain)?\n(.*?)\n^>>>\n(.*?)\n^\^\^\^?/m
-        alternative_regex = /^:::wa-details\s*(outlined|filled|filled-outlined|plain)?\n(.*?)\n^>>>\n(.*?)\n:::/m
+        # Define both regex patterns - capture parameter string
+        primary_regex = /^\^\^\^?(.*?)\n(.*?)\n^>>>\n(.*?)\n^\^\^\^?/m
+        alternative_regex = /^:::wa-details\s*(.*?)\n(.*?)\n^>>>\n(.*?)\n:::/m
 
         # Define shared transformation logic
-        transform_proc = proc do |appearance_param, summary_content, details_content|
+        transform_proc = proc do |params_string, summary_content, details_content|
           summary_content = summary_content.strip
           details_content = details_content.strip
 
+          # Parse parameters from the params string
+          appearance_param, icon_placement_param = parse_parameters(params_string)
+
           appearance_class = normalize_appearance(appearance_param)
+          icon_placement = normalize_icon_placement(icon_placement_param)
           summary_html = markdown_to_html(summary_content)
           details_html = markdown_to_html(details_content)
 
-          "<wa-details appearance='#{appearance_class}'>" \
+          "<wa-details appearance='#{appearance_class}' icon-placement='#{icon_placement}'>" \
           "<span slot='summary'>#{summary_html}</span>" \
           "#{details_html}</wa-details>"
         end
@@ -36,6 +41,21 @@ module Jekyll
       class << self
         private
 
+        def parse_parameters(params_string)
+          return [nil, nil] if params_string.nil? || params_string.strip.empty?
+
+          # Split by whitespace and extract known parameters
+          tokens = params_string.strip.split(/\s+/)
+
+          appearance_options = %w[outlined filled filled-outlined plain]
+          placement_options = %w[start end]
+
+          appearance_param = tokens.find { |token| appearance_options.include?(token) }
+          icon_placement_param = tokens.find { |token| placement_options.include?(token) }
+
+          [appearance_param, icon_placement_param]
+        end
+
         def normalize_appearance(appearance_param)
           case appearance_param
           when 'filled'
@@ -48,6 +68,17 @@ module Jekyll
             'outlined'
           end
         end
+
+        def normalize_icon_placement(icon_placement_param)
+          case icon_placement_param
+          when 'start'
+            'start'
+          when 'end'
+            'end'
+          else
+            'end'
+          end
+        end
       end
     end
   end

data/lib/jekyll/webawesome/version.rb

@@ -2,6 +2,6 @@
 
 module Jekyll
   module WebAwesome
-    VERSION = '0.3.0'
+    VERSION = '0.4.0'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-webawesome
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Janne Waren