jekyll-webawesome 0.5.3 → 0.5.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 229fd8aa9734c6c6c21684d05420d80db94b6b5a271f1dc2d8b901773bc61d3a
-  data.tar.gz: 373f57b7afbcfe0cccc2857f20987d91c1433768f3d0257773da9d7b3018f7f6
+  metadata.gz: 4151360850db59b840cd6c2fa516b04e34d35bbb801267a2db536fd7ef7220b0
+  data.tar.gz: a80f3fcdf769f017376b7efac94a94370efc8659124f4f06c44eefbae7a46596
 SHA512:
-  metadata.gz: 4f76a3acdd6417715ed2a928a94705f99b402a843f2cfa74b30ab4b0f9b632fe90182fac3d50aa18780d98ce260e6c7de460a5b3dd565cc45ea534e89aaaaa4d
-  data.tar.gz: d68c37818e5ae0a20f9ff236914110f163bc775374dde1c886baa210231c1a50596aaabd1ae6357c4bdbe3667385678a669a22b9ef04c72a1273135566187797
+  metadata.gz: bfb4e8b772c1ccfb06a576689cb3fc6cdfd73039feffb6bd665df066f3d6b396ae39acb6d8239d25e82f6e414210e6b41c6982155d6001b1ea5dbbf075ef918e
+  data.tar.gz: d13ced83c839e51da9e6a4d20485d32301adba87ae5ade88371e3308d34b626af96f899a5ccfef4de0f7c960f6fc597a7ce967932250979b5289f457bc5efa1f

data/CHANGELOG.md

@@ -8,6 +8,17 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 
 - Placeholder
 
+## [0.5.4] - 2025-10-20
+
+- Support for default width for the image_dialog like
+
+```yaml
+webawesome:
+  image_dialog:
+    enabled: true
+    default_width: 90vh
+```
+
 ## [0.5.3] - 2025-10-20
 
 - Always have a header with X button on the dialogs

data/README.md

@@ -69,7 +69,13 @@ webawesome:
   transform_documents: true  # Transform documents (like blog posts in _posts)
   
   # Enable automatic image-to-dialog transformation (default: false)
+  # Can be a simple boolean
   image_dialog: true         # Makes all images clickable and open in dialogs
+  
+  # Or a hash with options for more control
+  image_dialog:
+    enabled: true            # Enable the feature
+    default_width: 90vh      # Default width for dialogs (e.g., 90vh, 80%, 1200px)
 ```
 
 And then execute:
@@ -622,7 +628,13 @@ Enable automatic image-to-dialog transformation in your `_config.yml`:
 
 ```yaml
 webawesome:
+  # Simple boolean to enable
   image_dialog: true
+  
+  # Or configure with options
+  image_dialog:
+    enabled: true
+    default_width: 90vh      # Default width for all image dialogs
 ```
 
 When enabled, all markdown images automatically become clickable and open in full-size dialogs:
@@ -631,7 +643,9 @@ When enabled, all markdown images automatically become clickable and open in ful
 ![Architecture Diagram](diagram.png)
 ```
 
-**Control dialog width** by adding a width parameter to the title:
+**Default Width**: Set a default width for all image dialogs in the configuration. Images will use this width unless overridden in the title.
+
+**Control dialog width** by adding a width parameter to the title (overrides default):
 
 ```markdown
 ![Diagram](diagram.png "50%")        # Dialog width: 50%
@@ -651,6 +665,7 @@ Supported width units: `px`, `em`, `rem`, `vw`, `vh`, `%`, `ch`
 
 - Light-dismiss and headerless dialogs for clean UX
 - Thumbnail displays at original size, dialog shows full-size
+- Configurable default width for consistent sizing
 
 ### Tab Placements
 

data/lib/jekyll/webawesome/plugin.rb

@@ -52,6 +52,33 @@ module Jekyll
         false
       end
 
+      # Get image dialog configuration with default width support
+      def self.image_dialog_config(site)
+        config = {}
+        
+        # First check if it's enabled
+        enabled_config = nil
+        if Jekyll::WebAwesome.configuration
+          enabled_config = Jekyll::WebAwesome.configuration.image_dialog
+        elsif site.config.dig('webawesome', 'image_dialog') != nil
+          enabled_config = site.config.dig('webawesome', 'image_dialog')
+        end
+
+        # If disabled or not set, return empty config
+        return config unless enabled_config
+
+        # If it's a boolean true, set enabled
+        if enabled_config == true
+          config[:enabled] = true
+        # If it's a hash, merge it
+        elsif enabled_config.is_a?(Hash)
+          config = enabled_config.transform_keys(&:to_sym)
+          config[:enabled] = true unless config.key?(:enabled)
+        end
+
+        config
+      end
+
       # Check if a file is a markdown file
       def self.markdown_file?(filepath)
         filepath.to_s.match?(/\.md$/i)

data/lib/jekyll/webawesome/transformer.rb

@@ -18,7 +18,7 @@ module Jekyll
         content = DetailsTransformer.transform(content)
 
         # Apply image dialog transformer BEFORE dialog transformer so it can generate dialog syntax
-        content = ImageDialogTransformer.transform(content) if site && Plugin.image_dialog_enabled?(site)
+        content = ImageDialogTransformer.transform(content, site) if site && Plugin.image_dialog_enabled?(site)
 
         content = DialogTransformer.transform(content)
         content = IconTransformer.transform(content)

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

@@ -9,7 +9,10 @@ module Jekyll
     # Images can opt-out by adding "nodialog" to the title attribute
     # Example: ![Alt text](image.png "nodialog")
     class ImageDialogTransformer < BaseTransformer
-      def self.transform(content)
+      def self.transform(content, site = nil)
+        # Get configuration including default width
+        config = site ? Plugin.image_dialog_config(site) : {}
+        
         # First, protect code blocks, inline code, and comparison blocks from transformation
         protected_content, fenced_code_blocks = protect_fenced_code_blocks(content)
         protected_content, inline_code_blocks = protect_inline_code(protected_content)
@@ -31,7 +34,7 @@ module Jekyll
             match
           else
             # Transform to clickable image with dialog
-            transform_to_dialog(alt_text, image_url, title)
+            transform_to_dialog(alt_text, image_url, title, config)
           end
         end
 
@@ -115,9 +118,12 @@ module Jekyll
 
         # Transform image into our custom dialog syntax
         # This will be processed by DialogTransformer to create the actual wa-dialog
-        def transform_to_dialog(alt_text, image_url, title)
+        def transform_to_dialog(alt_text, image_url, title, config = {})
           # Parse width from title if specified (e.g., "50%", "800px", "60vw")
           width = extract_width_from_title(title)
+          
+          # Use default width from config if no width specified in title
+          width ||= config[:default_width] if config[:default_width]
 
           # Build dialog parameters
           # Always include header with X close button for accessibility

data/lib/jekyll/webawesome/version.rb

@@ -2,6 +2,6 @@
 
 module Jekyll
   module WebAwesome
-    VERSION = '0.5.3'
+    VERSION = '0.5.4'
   end
 end

data/lib/jekyll/webawesome.rb

@@ -31,7 +31,7 @@ module Jekyll
         @custom_components = {}
         @transform_pages = true
         @transform_documents = true
-        @image_dialog = false # Opt-in by default for safety
+        @image_dialog = false # Opt-in by default for safety, or can be a hash with options
       end
 
       private

metadata

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