glimmer-dsl-web 0.0.8 → 0.0.9

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

@@ -87,51 +87,55 @@ end
 
 @user = User.new
 
-div {
+include Glimmer
+
+Document.ready? do
   div {
-    label('Number of addresses: ', for: 'address-count-field')
-    input(id: 'address-count-field', type: 'number', min: 1, max: 3) {
-      value <=> [@user, :address_count]
+    div {
+      label('Number of addresses: ', for: 'address-count-field')
+      input(id: 'address-count-field', type: 'number', min: 1, max: 3) {
+        value <=> [@user, :address_count]
+      }
     }
-  }
-  
-  div {
-    # Content Data-Binding is used to dynamically (re)generate content of div
-    # based on changes to @user.addresses, replacing older content on every change
-    content(@user, :addresses) do
-      @user.addresses.each do |address|
-        div {
-          div(style: 'display: grid; grid-auto-columns: 80px 280px;') { |address_div|
-            [:name, :street, :city, :state, :zip].each do |attribute|
-              label(attribute.to_s.capitalize, for: "#{attribute}-field")
-              input(id: "#{attribute}-field", type: 'text') {
-                value <=> [address, attribute]
-              }
-            end
-            
-            div(style: 'grid-column: 1 / span 2;') {
-              inner_text <= [address, :text]
-            }
-            
-            style {
-              <<~CSS
-                #{address_div.selector} {
-                  margin: 10px 0;
-                }
-                #{address_div.selector} * {
-                  margin: 5px;
-                }
-                #{address_div.selector} label {
-                  grid-column: 1;
+    
+    div {
+      # Content Data-Binding is used to dynamically (re)generate content of div
+      # based on changes to @user.addresses, replacing older content on every change
+      content(@user, :addresses) do
+        @user.addresses.each do |address|
+          div {
+            div(style: 'display: grid; grid-auto-columns: 80px 280px;') { |address_div|
+              [:name, :street, :city, :state, :zip].each do |attribute|
+                label(attribute.to_s.capitalize, for: "#{attribute}-field")
+                input(id: "#{attribute}-field", type: 'text') {
+                  value <=> [address, attribute]
                 }
-                #{address_div.selector} input, #{address_div.selector} select {
-                  grid-column: 2;
-                }
-              CSS
+              end
+              
+              div(style: 'grid-column: 1 / span 2;') {
+                inner_text <= [address, :text]
+              }
+              
+              style {
+                <<~CSS
+                  #{address_div.selector} {
+                    margin: 10px 0;
+                  }
+                  #{address_div.selector} * {
+                    margin: 5px;
+                  }
+                  #{address_div.selector} label {
+                    grid-column: 1;
+                  }
+                  #{address_div.selector} input, #{address_div.selector} select {
+                    grid-column: 2;
+                  }
+                CSS
+              }
             }
           }
-        }
+        end
       end
-    end
-  }
-}.render
+    }
+  }.render
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-web
 version: !ruby/object:Gem::Version
-  version: 0.0.8
+  version: 0.0.9
 platform: ruby
 authors:
 - Andy Maleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-01-03 00:00:00.000000000 Z
+date: 2024-01-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -253,6 +253,7 @@ files:
 - lib/glimmer-dsl-web/ext/date.rb
 - lib/glimmer-dsl-web/ext/exception.rb
 - lib/glimmer-dsl-web/samples/hello/hello_button.rb
+- lib/glimmer-dsl-web/samples/hello/hello_component.rb
 - lib/glimmer-dsl-web/samples/hello/hello_content_data_binding.rb
 - lib/glimmer-dsl-web/samples/hello/hello_data_binding.rb
 - lib/glimmer-dsl-web/samples/hello/hello_form.rb
@@ -262,6 +263,7 @@ files:
 - lib/glimmer/config/opal_logger.rb
 - lib/glimmer/data_binding/element_binding.rb
 - lib/glimmer/dsl/web/bind_expression.rb
+- lib/glimmer/dsl/web/component_expression.rb
 - lib/glimmer/dsl/web/content_data_binding_expression.rb
 - lib/glimmer/dsl/web/data_binding_expression.rb
 - lib/glimmer/dsl/web/dsl.rb
@@ -274,6 +276,7 @@ files:
 - lib/glimmer/dsl/web/shine_data_binding_expression.rb
 - lib/glimmer/util/proc_tracker.rb
 - lib/glimmer/web.rb
+- lib/glimmer/web/component.rb
 - lib/glimmer/web/element_proxy.rb
 - lib/glimmer/web/event_proxy.rb
 - lib/glimmer/web/listener_proxy.rb