glimmer-dsl-web 0.0.2 → 0.0.4

data/glimmer-dsl-web.gemspec

@@ -2,17 +2,17 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: glimmer-dsl-web 0.0.2 ruby lib
+# stub: glimmer-dsl-web 0.0.4 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "glimmer-dsl-web".freeze
-  s.version = "0.0.2".freeze
+  s.version = "0.0.4".freeze
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0".freeze) if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib".freeze]
   s.authors = ["Andy Maleh".freeze]
-  s.date = "2023-12-27"
-  s.description = "Glimmer DSL for Web (Ruby in the Browser Web GUI Library) - Enables frontend GUI development with Ruby by adopting a DSL that follows web-like HTML syntax, enabling the transfer of HTML/CSS/JS skills to Ruby frontend development. This library relies on Opal Ruby.".freeze
+  s.date = "2023-12-30"
+  s.description = "Glimmer DSL for Web (Ruby in the Browser Web GUI Frontend Library) - Enables frontend GUI development with Ruby by adopting a DSL that follows web-like HTML syntax, enabling the transfer of HTML/CSS/JS skills to Ruby frontend development. This library relies on Opal Ruby.".freeze
   s.email = "andy.am@gmail.com".freeze
   s.extra_rdoc_files = [
     "CHANGELOG.md",
@@ -30,6 +30,7 @@ Gem::Specification.new do |s|
     "lib/glimmer-dsl-web/ext/class.rb",
     "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_world.rb",
     "lib/glimmer-dsl-web/vendor/jquery.js",
     "lib/glimmer/config/opal_logger.rb",
@@ -37,15 +38,18 @@ Gem::Specification.new do |s|
     "lib/glimmer/data_binding/observable_element.rb",
     "lib/glimmer/dsl/web/dsl.rb",
     "lib/glimmer/dsl/web/element_expression.rb",
+    "lib/glimmer/dsl/web/listener_expression.rb",
+    "lib/glimmer/dsl/web/property_expression.rb",
     "lib/glimmer/util/proc_tracker.rb",
     "lib/glimmer/web.rb",
     "lib/glimmer/web/element_proxy.rb",
+    "lib/glimmer/web/listener_proxy.rb",
     "lib/glimmer/web/property_owner.rb"
   ]
   s.homepage = "http://github.com/AndyObtiva/glimmer-dsl-web".freeze
   s.licenses = ["MIT".freeze]
   s.rubygems_version = "3.5.3".freeze
-  s.summary = "Glimmer DSL for Web".freeze
+  s.summary = "Glimmer DSL for Web (Ruby in the Browser Web GUI Frontend Library)".freeze
 
   s.specification_version = 4
 

data/lib/glimmer/dsl/web/dsl.rb

@@ -1,21 +1,25 @@
 require 'glimmer/dsl/engine'
 # Dir[File.expand_path('../*_expression.rb', __FILE__)].each {|f| require f}
 require 'glimmer/dsl/web/element_expression'
+require 'glimmer/dsl/web/listener_expression'
+require 'glimmer/dsl/web/property_expression'
 
 module Glimmer
   module DSL
     module Web
       # TODO implement all those expressions
 #        %w[
-#          event_listener
+#          listener
 #          data_binding
-#          attribute
+#          property
 #          shine_data_binding
 #          element
 #        ]
       Engine.add_dynamic_expressions(
        Web,
        %w[
+         listener
+         property
          element
        ]
       )

data/lib/glimmer/dsl/web/element_expression.rb

@@ -11,7 +11,7 @@ module Glimmer
         def can_interpret?(parent, keyword, *args, &block)
           # TODO automatically pass parent option as element if not passed instead of rejecting elements without a paraent nor root
           # TODO raise a proper error if root is an element that is not found (maybe do this in model)
-          true
+          !keyword.to_s.start_with?('on_')
         end
 
         def interpret(parent, keyword, *args, &block)
@@ -21,7 +21,7 @@ module Glimmer
         def add_content(parent, keyword, *args, &block)
           if parent.rendered? || parent.skip_content_on_render_blocks?
             return_value = super(parent, keyword, *args, &block)
-            if return_value.is_a?(String)
+            if return_value.is_a?(String) && parent.dom_element.text.to_s.empty?
               parent.add_text_content(return_value)
             end
             parent.post_add_content

data/lib/glimmer/dsl/web/listener_expression.rb

@@ -0,0 +1,19 @@
+require 'glimmer/dsl/expression'
+
+module Glimmer
+  module DSL
+    module Web
+      class ListenerExpression < Expression
+        def can_interpret?(parent, keyword, *args, &block)
+          parent and
+            parent.respond_to?(:can_handle_observation_request?) and
+            parent.can_handle_observation_request?(keyword)
+        end
+
+        def interpret(parent, keyword, *args, &block)
+          parent.handle_observation_request(keyword, block)
+        end
+      end
+    end
+  end
+end

data/lib/glimmer/dsl/web/property_expression.rb

@@ -0,0 +1,23 @@
+require 'glimmer/dsl/expression'
+
+require 'glimmer/web/element_proxy'
+
+module Glimmer
+  module DSL
+    module Web
+      class PropertyExpression < Expression
+        def can_interpret?(parent, keyword, *args, &block)
+          parent.is_a?(Glimmer::Web::ElementProxy) and
+            (!args.empty?) and
+            parent.respond_to?("#{keyword}=") and
+            block.nil?
+        end
+
+        def interpret(parent, keyword, *args, &block)
+          parent.send("#{keyword}=", *args)
+          args
+        end
+      end
+    end
+  end
+end

data/lib/glimmer/util/proc_tracker.rb

@@ -1,4 +1,4 @@
-# Copyright (c) 2020-2022 Andy Maleh
+# Copyright (c) 2023 Andy Maleh
 #
 # Permission is hereby granted, free of charge, to any person obtaining
 # a copy of this software and associated documentation files (the

data/lib/glimmer/web/element_proxy.rb

@@ -1,4 +1,4 @@
-# Copyright (c) 2020-2022 Andy Maleh
+# Copyright (c) 2023 Andy Maleh
 #
 # Permission is hereby granted, free of charge, to any person obtaining
 # a copy of this software and associated documentation files (the
@@ -21,6 +21,7 @@
 
 # require 'glimmer/web/event_listener_proxy'
 require 'glimmer/web/property_owner'
+require 'glimmer/web/listener_proxy'
 
 # TODO implement menu (which delays building it till render using add_content_on_render)
 
@@ -68,9 +69,11 @@ module Glimmer
       
       include Glimmer
       include PropertyOwner
-            
+      
       Event = Struct.new(:widget, keyword_init: true)
-    
+      
+      GLIMMER_ATTRIBUTES = [:parent]
+      
       attr_reader :keyword, :parent, :args, :options, :children, :enabled, :foreground, :background, :focus, :removed?, :rendered
       alias rendered? rendered
       
@@ -92,7 +95,7 @@ module Glimmer
       
       # Executes for the parent of a child that just got removed
       def post_remove_child(child)
-        @children&.delete(child)
+        @children.delete(child)
       end
       
       # Executes at the closing of a parent widget curly braces after all children/properties have been added/set
@@ -105,26 +108,19 @@ module Glimmer
       end
       
       def remove
+        @children.dup.each do |child|
+          child.remove
+        end
         remove_all_listeners
         dom_element.remove
         parent&.post_remove_child(self)
-#         children.each(:remove) # TODO enable this safely
         @removed = true
-        listeners_for('widget_removed').each {|listener| listener.call(Event.new(widget: self))}
+#         listeners_for('widget_removed').each {|listener| listener.call(Event.new(widget: self))}
       end
       
       def remove_all_listeners
-        effective_observation_request_to_event_mapping.keys.each do |keyword|
-          effective_observation_request_to_event_mapping[keyword].to_collection.each do |mapping|
-            observation_requests[keyword].to_a.each do |event_listener|
-              event = mapping[:event]
-              event_handler = mapping[:event_handler]
-              event_element_css_selector = mapping[:event_element_css_selector]
-              the_listener_dom_element = event_element_css_selector ? Element[event_element_css_selector] : listener_dom_element
-              the_listener_dom_element.off(event, event_listener)
-              # TODO improve to precisely remove the listeners that were added, no more no less. (or use the event_listener_proxies method instead or in collaboration)
-            end
-          end
+        listeners.each do |event, event_listeners|
+          event_listeners.dup.each(&:unregister)
         end
       end
       
@@ -198,6 +194,7 @@ module Glimmer
         if parent_selector
           Document.find(parent_selector)
         else
+          # TODO consider moving this to initializer
           options[:parent] ||= 'body'
           Document.find(options[:parent])
         end
@@ -240,7 +237,7 @@ module Glimmer
       end
       
       def add_text_content(text)
-        dom_element.append(text)
+        dom_element.append(text.to_s)
       end
       
       def content_on_render_blocks
@@ -263,33 +260,31 @@ module Glimmer
         # TODO consider passing parent element instead and having table item include a table cell widget only for opal
         @dom = nil
         @dom = dom # TODO unify how to build dom for most widgets based on element, id, and name (class)
-        @dom = @parent.get_layout.dom(@dom) if @parent.respond_to?(:layout) && @parent.get_layout
         @dom
       end
             
       def dom
-        body_class = ([name, element_id] + css_classes.to_a).join(' ')
         # TODO auto-convert known glimmer attributes like parent to data attributes like data-parent
-        html_options = options.dup
-        html_options[:class] ||= ''
-        html_options[:class] = "#{html_options[:class]} #{body_class}".strip
         @dom ||= html {
           send(keyword, html_options) {
-            # TODO consider supporting the idea of dynamic CSS building on close of shell that adds only as much CSS as needed for widgets that were mentioned
-#             style(class: 'common-style') {
-#               style_dom_css
-#             }
-#             [LayoutProxy, WidgetProxy].map(&:descendants).reduce(:+).each do |style_class|
-#               if style_class.constants.include?('STYLE')
-#                 style(class: "#{style_class.name.split(':').last.underscore.gsub('_', '-').sub(/-proxy$/, '')}-style") {
-#                   style_class::STYLE
-#                 }
-#               end
-#             end
+            args.first if args.first.is_a?(String)
           }
         }.to_s
       end
       
+      def html_options
+        body_class = ([name, element_id] + css_classes.to_a).join(' ')
+        html_options = options.dup
+        GLIMMER_ATTRIBUTES.each do |attribute|
+          next unless html_options.include?(attribute)
+          data_normalized_attribute = attribute.split('_').join('-')
+          html_options["data-#{data_normalized_attribute}"] = html_options.delete(attribute)
+        end
+        html_options[:class] ||= ''
+        html_options[:class] = "#{html_options[:class]} #{body_class}".strip
+        html_options
+      end
+      
       def content(&block)
         Glimmer::DSL::Engine.add_content(self, Glimmer::DSL::Web::ElementExpression.new, keyword, &block)
       end
@@ -745,58 +740,70 @@ module Glimmer
         listeners[listener_event.to_s] ||= []
       end
       
-      def can_handle_observation_request?(observation_request)
+      def can_handle_observation_request?(keyword)
         # TODO sort this out for Opal
-        observation_request = observation_request.to_s
-        if observation_request.start_with?('on_swt_')
-          constant_name = observation_request.sub(/^on_swt_/, '')
-          SWTProxy.has_constant?(constant_name)
-        elsif observation_request.start_with?('on_')
-#           event = observation_request.sub(/^on_/, '')
-#           can_add_listener?(event) || can_handle_drag_observation_request?(observation_request) || can_handle_drop_observation_request?(observation_request)
-          true # TODO filter by valid listeners only in the future
-        end
+        keyword = keyword.to_s
+        keyword.start_with?('on_')
+#         if keyword.start_with?('on_swt_')
+#           constant_name = keyword.sub(/^on_swt_/, '')
+#           SWTProxy.has_constant?(constant_name)
+#         elsif keyword.start_with?('on_')
+#           # event = keyword.sub(/^on_/, '')
+#           # can_add_listener?(event) || can_handle_drag_observation_request?(keyword) || can_handle_drop_observation_request?(keyword)
+#           true # TODO filter by valid listeners only in the future
+#         end
       end
       
       def handle_observation_request(keyword, original_event_listener)
-        case keyword
-        when 'on_widget_removed'
-          listeners_for(keyword.sub(/^on_/, '')) << original_event_listener.to_proc
-        else
+#         case keyword
+#         when 'on_widget_removed'
+#           listeners_for(keyword.sub(/^on_/, '')) << original_event_listener.to_proc
+#         else
           handle_javascript_observation_request(keyword, original_event_listener)
-        end
+#         end
       end
       
       def handle_javascript_observation_request(keyword, original_event_listener)
-        return unless effective_observation_request_to_event_mapping.keys.include?(keyword)
-        event = nil
-        delegate = nil
-        effective_observation_request_to_event_mapping[keyword].to_collection.each do |mapping|
-          observation_requests[keyword] ||= Set.new
-          observation_requests[keyword] << original_event_listener
-          event = mapping[:event]
-          event_handler = mapping[:event_handler]
-          event_element_css_selector = mapping[:event_element_css_selector]
-          potential_event_listener = event_handler&.call(original_event_listener)
-          event_listener = potential_event_listener || original_event_listener
-          async_event_listener = proc do |event|
-            # TODO look into the issue with using async::task.new here. maybe put it in event listener (like not being able to call preventDefault or return false successfully )
-            # maybe consider pushing inside the widget classes instead where needed only or implement universal doit support correctly to bypass this issue
-#             Async::Task.new do
-            @@widget_handling_listener = self
-            # TODO also make sure to disable all widgets for suspension
-            event_listener.call(event) unless dialog_ancestor&.event_handling_suspended?
-            @widget_handling_listener = nil
-#             end
-          end
-          the_listener_dom_element = event_element_css_selector ? Element[event_element_css_selector] : listener_dom_element
-          unless the_listener_dom_element.empty?
-            the_listener_dom_element.on(event, &async_event_listener)
-            # TODO ensure uniqueness of insertion (perhaps adding equals/hash method to event listener proxy)
-            
-            event_listener_proxies << EventListenerProxy.new(element_proxy: self, selector: selector, dom_element: the_listener_dom_element, event: event, listener: async_event_listener, original_event_listener: original_event_listener)
-          end
-        end
+        listener = ListenerProxy.new(
+          element_proxy: self,
+          selector: selector,
+          dom_element: dom_element,
+          event: keyword.sub(/^on_/, ''),
+          listener: original_event_listener,
+          original_event_listener: original_event_listener
+        )
+        listener.register
+        listeners_for(keyword) << listener
+        listener
+#         return unless effective_observation_request_to_event_mapping.keys.include?(keyword)
+#         event = nil
+#         delegate = nil
+#         effective_observation_request_to_event_mapping[keyword].to_collection.each do |mapping|
+#           observation_requests[keyword] ||= Set.new
+#           observation_requests[keyword] << original_event_listener
+#           event = mapping[:event]
+#           event_handler = mapping[:event_handler]
+#           event_element_css_selector = mapping[:event_element_css_selector]
+#           potential_event_listener = event_handler&.call(original_event_listener)
+#           event_listener = potential_event_listener || original_event_listener
+#           async_event_listener = proc do |event|
+            ## TODO look into the issue with using async::task.new here. maybe put it in event listener (like not being able to call preventDefault or return false successfully )
+            ## maybe consider pushing inside the widget classes instead where needed only or implement universal doit support correctly to bypass this issue
+            ## Async::Task.new do
+#             @@widget_handling_listener = self
+            ## TODO also make sure to disable all widgets for suspension
+#             event_listener.call(event) unless dialog_ancestor&.event_handling_suspended?
+#             @widget_handling_listener = nil
+            ## end
+#           end
+#           the_listener_dom_element = event_element_css_selector ? Element[event_element_css_selector] : listener_dom_element
+#           unless the_listener_dom_element.empty?
+#             the_listener_dom_element.on(event, &async_event_listener)
+            ## TODO ensure uniqueness of insertion (perhaps adding equals/hash method to event listener proxy)
+#
+#             event_listener_proxies << EventListenerProxy.new(element_proxy: self, selector: selector, dom_element: the_listener_dom_element, event: event, listener: async_event_listener, original_event_listener: original_event_listener)
+#           end
+#         end
       end
       
       def remove_event_listener_proxies
@@ -819,14 +826,43 @@ module Glimmer
         super(attribute_name, *args) # PropertyOwner
       end
       
-      def method_missing(method, *args, &block)
-        if method.to_s.start_with?('on_')
-          handle_observation_request(method, block)
+      def respond_to_missing?(method_name, include_private = false)
+        property_name = property_name_for(method_name)
+        super(method_name, include_private) ||
+          (dom_element && dom_element.length > 0 && Native.call(dom_element, '0').respond_to?(method_name.to_s.camelcase, include_private)) ||
+          dom_element.respond_to?(method_name, include_private) ||
+          (!dom_element.prop(property_name).nil? && !dom_element.prop(property_name).is_a?(Proc)) ||
+          method_name.to_s.start_with?('on_')
+      end
+      
+      def method_missing(method_name, *args, &block)
+        property_name = property_name_for(method_name)
+        if method_name.to_s.start_with?('on_')
+          handle_observation_request(method_name, block)
+        elsif dom_element.respond_to?(method_name)
+          dom_element.send(method_name, *args, &block)
+        elsif !dom_element.prop(property_name).nil? && !dom_element.prop(property_name).is_a?(Proc)
+          if method_name.end_with?('=')
+            dom_element.prop(property_name, *args)
+          else
+            dom_element.prop(property_name)
+          end
+        elsif dom_element && dom_element.length > 0
+          begin
+            js_args = block.nil? ? args : (args + [block])
+            Native.call(dom_element, '0').method_missing(method_name.to_s.camelcase, *js_args)
+          rescue Exception => e
+            super(method_name, *args, &block)
+          end
         else
-          super(method, *args, &block)
+          super(method_name, *args, &block)
         end
       end
       
+      def property_name_for(method_name)
+        method_name.end_with?('=') ? method_name.to_s[0...-1].camelcase : method_name.to_s.camelcase
+      end
+      
       def swt_widget
         # only added for compatibility/adaptibility with Glimmer DSL for SWT
         self

data/lib/glimmer/web/listener_proxy.rb

@@ -0,0 +1,39 @@
+module Glimmer
+  module Web
+    class ListenerProxy
+      attr_reader :element_proxy, :event, :dom_element, :selector, :listener, :original_event_listener
+
+      def initialize(element_proxy:, event:, dom_element:, selector:, listener:)
+        @element_proxy = element_proxy
+        @event = event
+        @dom_element = dom_element
+        @selector = selector
+        @listener = listener
+        @js_listener = lambda do |event|
+          event.prevent
+          event.prevent_default
+          event.stop_propagation
+          event.stop_immediate_propagation
+          # TODO wrap event with a Ruby Event object before passing to listener
+          listener.call(event)
+          false
+        end
+        @original_event_listener = original_event_listener
+      end
+      
+      def register
+        @dom_element.on(@event, &@js_listener)
+      end
+      alias observe register
+      alias reregister register
+      
+      def unregister
+        # TODO contribute fix to opal to allow passing observer with & to off with selector not specified as nil
+        @dom_element.off(@event, @js_listener)
+        @element_proxy.listeners_for(@event).delete(self)
+      end
+      alias unobserve unregister
+      alias deregister unregister
+    end
+  end
+end

data/lib/glimmer/web.rb

@@ -1,4 +1,4 @@
-# Copyright (c) 2020-2022 Andy Maleh
+# Copyright (c) 2023 Andy Maleh
 #
 # Permission is hereby granted, free of charge, to any person obtaining
 # a copy of this software and associated documentation files (the

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

@@ -0,0 +1,99 @@
+# Copyright (c) 2023 Andy Maleh
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+require 'glimmer-dsl-web'
+
+include Glimmer
+
+Document.ready? do
+  div {
+    h1('Contact Form')
+    form {
+      div(class: 'field-row') {
+        label('Name: ', for: 'name-field')
+        @name_input = input(id: 'name-field', class: 'field', type: 'text', required: true)
+      }
+      div(class: 'field-row') {
+        label('Email: ', for: 'email-field')
+        @email_input = input(id: 'email-field', class: 'field', type: 'email', required: true)
+      }
+      button('Add Contact', class: 'submit-button') {
+        on_click do
+          if ([@name_input, @email_input].all? {|input| input.check_validity })
+            @table.content {
+              tr {
+                td { @name_input.value }
+                td { @email_input.value }
+              }
+            }
+            @email_input.value = @name_input.value = ''
+          else
+            error_messages = []
+            error_messages << "Name is not valid! Make sure it is filled." if !@name_input.check_validity
+            error_messages << "Email is not valid! Make sure it is filled and has a valid format." if !@email_input.check_validity
+            $$.alert(error_messages.join("\n"))
+          end
+        end
+      }
+    }
+    h1('Contacts Table')
+    @table = table {
+      tr {
+        th('Name')
+        th('Email')
+      }
+      tr {
+        td('John Doe')
+        td('johndoe@example.com')
+      }
+      tr {
+        td('Jane Doe')
+        td('janedoe@example.com')
+      }
+    }
+    
+    # CSS Styles
+    style {
+      <<~CSS
+        .field-row {
+          margin: 10px 5px;
+        }
+        .field {
+          margin-left: 5px;
+        }
+        .submit-button {
+          display: block;
+          margin: 10px 5px;
+        }
+        table {
+          border:1px solid grey;
+          border-spacing: 0;
+        }
+        table tr td, table tr th {
+          padding: 5px;
+        }
+        table tr:nth-child(even) {
+          background: #ccc;
+        }
+      CSS
+    }
+  }.render
+end

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

@@ -1,4 +1,4 @@
-# Copyright (c) 2020-2022 Andy Maleh
+# Copyright (c) 2023 Andy Maleh
 #
 # Permission is hereby granted, free of charge, to any person obtaining
 # a copy of this software and associated documentation files (the

data/lib/glimmer-dsl-web.rb

@@ -1,4 +1,4 @@
-# Copyright (c) 2020-2022 Andy Maleh
+# Copyright (c) 2023 Andy Maleh
 #
 # Permission is hereby granted, free of charge, to any person obtaining
 # a copy of this software and associated documentation files (the

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-web
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.4
 platform: ruby
 authors:
 - Andy Maleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-12-27 00:00:00.000000000 Z
+date: 2023-12-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -236,10 +236,10 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.4.4
-description: Glimmer DSL for Web (Ruby in the Browser Web GUI Library) - Enables frontend
-  GUI development with Ruby by adopting a DSL that follows web-like HTML syntax, enabling
-  the transfer of HTML/CSS/JS skills to Ruby frontend development. This library relies
-  on Opal Ruby.
+description: Glimmer DSL for Web (Ruby in the Browser Web GUI Frontend Library) -
+  Enables frontend GUI development with Ruby by adopting a DSL that follows web-like
+  HTML syntax, enabling the transfer of HTML/CSS/JS skills to Ruby frontend development.
+  This library relies on Opal Ruby.
 email: andy.am@gmail.com
 executables: []
 extensions: []
@@ -258,6 +258,7 @@ files:
 - lib/glimmer-dsl-web/ext/class.rb
 - 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_world.rb
 - lib/glimmer-dsl-web/vendor/jquery.js
 - lib/glimmer/config/opal_logger.rb
@@ -265,9 +266,12 @@ files:
 - lib/glimmer/data_binding/observable_element.rb
 - lib/glimmer/dsl/web/dsl.rb
 - lib/glimmer/dsl/web/element_expression.rb
+- lib/glimmer/dsl/web/listener_expression.rb
+- lib/glimmer/dsl/web/property_expression.rb
 - lib/glimmer/util/proc_tracker.rb
 - lib/glimmer/web.rb
 - lib/glimmer/web/element_proxy.rb
+- lib/glimmer/web/listener_proxy.rb
 - lib/glimmer/web/property_owner.rb
 homepage: http://github.com/AndyObtiva/glimmer-dsl-web
 licenses:
@@ -291,5 +295,5 @@ requirements: []
 rubygems_version: 3.5.3
 signing_key:
 specification_version: 4
-summary: Glimmer DSL for Web
+summary: Glimmer DSL for Web (Ruby in the Browser Web GUI Frontend Library)
 test_files: []