glimmer-dsl-web 0.10.0 → 0.10.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2f64cd1a4155afc8688d37c70266a28288ae80473332c9dc2bb0dbf01d81b590
-  data.tar.gz: 51ff57301add3f920f5a0425bb4817659bdcddf77882591313f76693906a6116
+  metadata.gz: aad28a356df583d4a4784a532111d9e4d4f3743f8855998deb69ff03521a0107
+  data.tar.gz: 79c3a03baea98bd0774d95e4dbd049e30ddde606402b17770b037cffcbdb63ce
 SHA512:
-  metadata.gz: 90d5df27de10596eccf5c052863b7dbf8552400c1e4f7d31870c2ba7f8b762faa082ef0566555cd920d7b5bb20640e85462cfb70373f6d7f77ee4605a8cf8dbe
-  data.tar.gz: 309cd017bc28c4934fa72d1b9ba13e3f692740b147f40834bf6cc8740bf20a4136eca39388f58cfffc2c8efbe930c8424dd1122b68ae011181cad9a3ab161b76
+  metadata.gz: 427e0f03396027917230ad86fbfbfc258253b31044cadb32718caab75de8230edf22c5dc628a561db08c9b1bb82729e9e8347eef097ccb67d5e823fbcf90686f
+  data.tar.gz: e6f98162f1ab9a278547bf21d73cd861606b7595dc8ddd86cddf6901cc3b4f0d2e24af477bcbaf3bbaf870898abaa0901696e526ff040682bcede3cd595d3e07

data/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Change Log
 
+## 0.10.2
+
+- Support `ElementProxy#append {}`/`Glimmer::Web::Component#append {}` as an alias for `content {}` to enable appending elements to the content of a parent element
+
+## 0.10.1
+
+- Support auto-converting HTML element value when set via HTML attributes (kwargs)
+- Simplify Hello, Input Date/Time Data-Binding! sample by setting value via HTML attributes (kwargs) instead of properties (nested method call)
+
 ## 0.10.0
 
 - Ensure auto-formatting date/time/datetime/week/month values from date/time/datetime objects even without data-binding

data/README.md

@@ -1,4 +1,4 @@
-# [<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=85 />](https://github.com/AndyObtiva/glimmer) Glimmer DSL for Web 0.10.0 (Beta)
+# [<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=85 />](https://github.com/AndyObtiva/glimmer) Glimmer DSL for Web 0.10.2 (Beta)
 ## Ruby-in-the-Browser Web Frontend Framework
 ### The "Rails" of Frontend Frameworks!!! ([Fukuoka Award Winning](https://andymaleh.blogspot.com/2025/01/glimmer-dsl-for-web-wins-in-fukuoka.html))
 #### Finally, Ruby Developer Productivity, Happiness, and Fun in the Frontend!!!

data/VERSION

@@ -1 +1 @@
-0.10.0
+0.10.2

data/glimmer-dsl-web.gemspec

@@ -2,11 +2,11 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: glimmer-dsl-web 0.10.0 ruby lib
+# stub: glimmer-dsl-web 0.10.2 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "glimmer-dsl-web".freeze
-  s.version = "0.10.0".freeze
+  s.version = "0.10.2".freeze
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0".freeze) if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib".freeze]

data/lib/glimmer/web/component.rb

@@ -510,6 +510,7 @@ module Glimmer
           end
         end
       end
+      alias append content
       
       def remove_all_listeners
         data_bindings.each do |option_binding, model_binding|

data/lib/glimmer/web/element_proxy.rb

@@ -192,7 +192,7 @@ module Glimmer
           # @ancestor_component is the one tied to this component-internal element as an ancestor
           @ancestor_component = Component.interpretation_stack.last
         end
-        @options = args.last.is_a?(Hash) ? args.last.symbolize_keys : {}
+        extract_options_from_args(args) # sets @options
         if parent.nil?
           options[:parent] ||= Component.interpretation_stack.last&.options&.[](:parent)
           options[:render] ||= Component.interpretation_stack.last&.options&.[](:render)
@@ -552,6 +552,7 @@ module Glimmer
         options[:bulk_render] = original_bulk_render if rendered?
         return_value
       end
+      alias append content
       
       # Subclasses must override with their own mappings
       def observation_request_to_event_mapping
@@ -1115,6 +1116,14 @@ module Glimmer
       
       private
       
+      def extract_options_from_args(args)
+        @options = args.last.is_a?(Hash) ? args.last.symbolize_keys : {}
+        if @options.has_key?(:value)
+          @options[:value] = value # ensures setting the converted value instead of the raw value
+        end
+        @options
+      end
+      
       def base_css_classes
         framework_css_classes = @parent.nil? ? ["#{CSS_CLASS_GLIMMER}-root"] : []
         framework_css_classes += [element_id]

data/lib/glimmer-dsl-web/samples/hello/hello_form.rb

@@ -24,8 +24,7 @@ Document.ready? do
           onclick do |event|
             if ([@name_input, @email_input].all? {|input| input.check_validity })
               event.prevent_default
-              # re-open table content and add row
-              @table.content {
+              @table.append {
                 tr {
                   td { @name_input.value }
                   td { @email_input.value }

data/lib/glimmer-dsl-web/samples/hello/hello_input_date_time.rb

@@ -55,50 +55,38 @@ unless Object.const_defined?(:HelloInputDateTime) # this is only needed in sampl
       div {
         div(style: 'display: grid; grid-auto-columns: 130px 260px;') { |container_div|
           label('Date Time: ', for: 'date-time-field')
-          @date_time_field = input(id: 'date-time-field', type: 'datetime-local') {
-            value @time_presenter.date_time
-            
+          @date_time_field = input(id: 'date-time-field', type: 'datetime-local', value: @time_presenter.date_time) {
             oninput do |event|
               @time_presenter.date_time = @date_time_field.value
             end
           }
           
           label('Date: ', for: 'date-field')
-          @date_field = input(id: 'date-field', type: 'date') {
-            value @time_presenter.date_time
-            
+          @date_field = input(id: 'date-field', type: 'date', value: @time_presenter.date_time) {
             oninput do |event|
               @time_presenter.date_time = @date_field.value
             end
           }
     
           label('Time: ', for: 'time-field')
-          @time_field = input(id: 'time-field', type: 'time') {
-            value @time_presenter.date_time
-            
+          @time_field = input(id: 'time-field', type: 'time', value: @time_presenter.date_time) {
             oninput do |event|
               @time_presenter.date_time = @time_field.value
             end
           }
   
           label('Month: ', for: 'month-field')
-          @month_field = input(id: 'month-field', type: 'month') {
-            value @time_presenter.date_time
-            
+          @month_field = input(id: 'month-field', type: 'month', value: @time_presenter.date_time) {
             oninput do |event|
               @time_presenter.date_time = @month_field.value
             end
           }
   
           label('Week: ', for: 'week-field')
-          @week_field = input(id: 'week-field', type: 'week', disabled: true) {
-            value @time_presenter.week_string
-          }
+          @week_field = input(id: 'week-field', type: 'week', disabled: true, value: @time_presenter.week_string)
   
           label('Time String: ', for: 'time-string-field')
-          @time_string_field = input(id: 'time-string-field', type: 'text') {
-            value @time_presenter.date_time_string
-          
+          @time_string_field = input(id: 'time-string-field', type: 'text', value: @time_presenter.date_time_string) {
             oninput do |event|
               @time_presenter.date_time_string = @time_string_field.value
             end

data/lib/glimmer-dsl-web/samples/regular/todo_mvc/views/todo_list_item.rb

@@ -21,11 +21,7 @@ class TodoListItem
           inner_html <= [todo, :task]
           
           ondblclick do |event|
-            unless markup_root.children.last.keyword == 'input'
-              markup_root.content {
-                edit_todo_input(presenter:, todo:)
-              }
-            end
+            add_edit_form_on_first_edit
             todo.start_editing
           end
         }
@@ -139,5 +135,17 @@ class TodoListItem
       }
     }
   }
+  
+  private
+  
+  def add_edit_form_on_first_edit
+    unless markup_root.children.last.keyword == 'input'
+      # Adding edit form dynamically prevents rendering extra elements
+      # until they become needed to ensure faster performance
+      markup_root.append {
+        edit_todo_input(presenter:, todo:)
+      }
+    end
+  end
 end
             

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-web
 version: !ruby/object:Gem::Version
-  version: 0.10.0
+  version: 0.10.2
 platform: ruby
 authors:
 - Andy Maleh