glimmer-dsl-opal 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 43ffbba379c5bade234cf2a2263be49565bff77120e7449e17ea7095461520c5
-  data.tar.gz: 990340e899f8bf37a98ea0ea4e78941ccb48e4e55e0faddbb2b4ea7d010c8c0c
+  metadata.gz: c8fcd24e24134d90f11791bfa99b68aa16726b3ac97a8d77bad5bdba4761c866
+  data.tar.gz: 32f0a803b817689f9ea48e4fda7506fcc562eb606bb546cb1735c77a2ff60487
 SHA512:
-  metadata.gz: 49e2e4d81cf84643f7e645ce30c474a0262c11bebd7f708db25068fc4fd6acb53d7e98779c028b2d459165749523444ecf7a0fb4de653bc2a6c6409b05f606d9
-  data.tar.gz: 68179f29cc621c861c6243ef2dc54dff6558be4f394c0ab7bb47c0cffe683fe77cf1e3fdbc5f00b7c8646bdfb6cd7580bed4162e88353149be003bad32ce34ea
+  metadata.gz: b9a3ada345381b967ff44feb61d2a5f52dfba6ce1297c6e3f5d21359276dbdcd3844fc4bc731475f34219f13281d89fe5a1bdb1e7adafd08093e286ec36e6ef8
+  data.tar.gz: e120cdd6aad1afd34b95f59cc805b975dd2348e3b32de13c3ef20402c4c22c9fc0308a97a71846656db2928c038b70bc46014a532616afd8d43e752f5ce9f509

data/README.md

@@ -1,5 +1,5 @@
 
-# Glimmer DSL for Opal 0.0.2 Alpha (Web GUI for Desktop Apps)
+# <img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=65 /> Glimmer DSL for Opal 0.0.3 (Web GUI for Desktop Apps)
 [![Gem Version](https://badge.fury.io/rb/glimmer-dsl-opal.svg)](http://badge.fury.io/rb/glimmer-dsl-opal)
 [![Join the chat at https://gitter.im/AndyObtiva/glimmer](https://badges.gitter.im/AndyObtiva/glimmer.svg)](https://gitter.im/AndyObtiva/glimmer?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
@@ -7,36 +7,17 @@
 
 It enables running [Glimmer](https://github.com/AndyObtiva/glimmer) desktop apps on the web via [Rails](https://rubyonrails.org/) 5 and [Opal](https://opalrb.com/) 1.
 
-NOTE: Alpha Version 0.0.2 only supports Hello, World! and Hello, Combo! capabilities.
+NOTE: Alpha Version 0.0.3 only supports capabilities for:
+- Hello, World!
+- Hello, Combo!
+- Hello, Computed!
 
 Other Glimmer DSL gems:
 - [glimmer-dsl-swt](https://github.com/AndyObtiva/glimmer-dsl-swt): Glimmer DSL for SWT (Desktop GUI)
 - [glimmer-dsl-xml](https://github.com/AndyObtiva/glimmer-dsl-xml): Glimmer DSL for XML (& HTML)
 - [glimmer-dsl-css](https://github.com/AndyObtiva/glimmer-dsl-css): Glimmer DSL for CSS (Cascading Style Sheets)
 
-## Hello, World!
-
-Glimmer code (from SWT desktop app sample [`samples/hello/hello_world.rb`](https://github.com/AndyObtiva/glimmer-dsl-swt/blob/master/samples/hello/hello_world.rb)):
-```ruby
-include Glimmer
-
-shell {
-  text 'Glimmer'
-  label {
-    text 'Hello, World!'
-  }
-}.open
-```
-
-Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
-
-![Glimmer DSL for Opal Hello World](https://github.com/AndyObtiva/glimmer/blob/master/images/glimmer-hello-world.png)
-
-Glimmer app on the web (using `glimmer-dsl-opal` gem):
-
-![Glimmer DSL for Opal Hello World](images/glimmer-dsl-opal-hello-world.png)
-
-## Supported Widgets
+## Supported Glimmer DSL Keywords
 
 The following keywords from [glimmer-dsl-swt](https://github.com/AndyObtiva/glimmer-dsl-swt) have partial support in Opal:
 
@@ -44,7 +25,10 @@ The following keywords from [glimmer-dsl-swt](https://github.com/AndyObtiva/glim
 - `label`
 - `combo`
 - `button`
-- `composite` (single-column `grid_layout` only)
+- `text`
+- `composite`
+- `grid_layout`
+- `layout_data`
 
 ## Pre-requisites
 
@@ -63,11 +47,11 @@ rails new hello_world
 
 Follow instructions to setup opal with a rails application: config/initializers/assets.rb
 
-Add the following to `Gemfile`:
+Add the following to `Gemfile` (NOTE: if you run into issues, they are probably fixed in master or development/wip branch, you may check out instead):
 ```
 gem 'opal-rails'
 gem 'opal-browser'
-gem 'glimmer-dsl-opal', '~> 0.0.2', require: false
+gem 'glimmer-dsl-opal', '~> 0.0.3', require: false
 ```
 
 Edit `config/initializers/assets.rb` and add:
@@ -170,6 +154,122 @@ You should see "Hello, Combo!"
 
 ![Glimmer DSL for Opal Hello Combo](images/glimmer-dsl-opal-hello-combo.png)
 
+### Hello, Computed!
+
+Add the following Glimmer code to `app/assets/javascripts/application.js.rb`
+
+```ruby
+require 'glimmer-dsl-opal' # brings opal and opal browser too
+
+class HelloComputed
+  class Contact
+    attr_accessor :first_name, :last_name, :year_of_birth
+  
+    def initialize(attribute_map)
+      @first_name = attribute_map[:first_name]
+      @last_name = attribute_map[:last_name]
+      @year_of_birth = attribute_map[:year_of_birth]
+    end
+  
+    def name
+      "#{last_name}, #{first_name}"
+    end
+  
+    def age
+      Time.now.year - year_of_birth.to_i
+    rescue
+      0
+    end
+  end
+end
+
+require_relative "hello_computed/contact"
+
+class HelloComputed
+  include Glimmer
+
+  def initialize
+    @contact = Contact.new(
+      first_name: "Barry",
+      last_name: "McKibbin",
+      year_of_birth: 1985
+    )
+  end
+
+  def launch
+    shell {
+      text "Hello Computed"
+      composite {
+        grid_layout {
+          num_columns 2
+          make_columns_equal_width true
+          horizontal_spacing 20
+          vertical_spacing 10
+        }
+        label {text "First &Name: "}
+        text {
+          text bind(@contact, :first_name)
+          layout_data {
+            horizontalAlignment :fill
+            grabExcessHorizontalSpace true
+          }
+        }
+        label {text "&Last Name: "}
+        text {
+          text bind(@contact, :last_name)
+          layout_data {
+            horizontalAlignment :fill
+            grabExcessHorizontalSpace true
+          }
+        }
+        label {text "&Year of Birth: "}
+        text {
+          text bind(@contact, :year_of_birth)
+          layout_data {
+            horizontalAlignment :fill
+            grabExcessHorizontalSpace true
+          }
+        }
+        label {text "Name: "}
+        label {
+          text bind(@contact, :name, computed_by: [:first_name, :last_name])
+          layout_data {
+            horizontalAlignment :fill
+            grabExcessHorizontalSpace true
+          }
+        }
+        label {text "Age: "}
+        label {
+          text bind(@contact, :age, on_write: :to_i, computed_by: [:year_of_birth])
+          layout_data {
+            horizontalAlignment :fill
+            grabExcessHorizontalSpace true
+          }
+        }
+      }
+    }.open
+  end
+end
+
+HelloComputed.new.launch
+```
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![Glimmer DSL for Opal Hello Computed](https://github.com/AndyObtiva/glimmer/blob/master/images/glimmer-hello-computed.png)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "Hello, Computed!"
+
+![Glimmer DSL for Opal Hello Computed](images/glimmer-dsl-opal-hello-computed.png)
+
 ## Help
 
 ### Issues

data/VERSION

@@ -1 +1 @@
-0.0.2
+0.0.3

data/lib/glimmer/data_binding/element_binding.rb

@@ -24,7 +24,7 @@ module Glimmer
       
       def call(value)
         converted_value = translated_value = @translator.call(value)
-        @element.send(@property + '=', converted_value) unless evaluate_property == converted_value
+        @element.set_attribute(@property, converted_value) unless evaluate_property == converted_value
       end
       
       def evaluate_property

data/lib/glimmer/dsl/opal/button_expression.rb

@@ -9,6 +9,7 @@ module Glimmer
         include ParentExpression
 
         def interpret(parent, keyword, *args, &block)
+          args << {type: 'button'}
           Glimmer::Opal::InputProxy.new(parent, args)
         end
       end

data/lib/glimmer/dsl/opal/dsl.rb

@@ -10,9 +10,12 @@ require 'glimmer/dsl/opal/combo_expression'
 require 'glimmer/dsl/opal/composite_expression'
 require 'glimmer/dsl/opal/button_expression'
 require 'glimmer/dsl/opal/bind_expression'
-# require 'glimmer/dsl/opal/data_binding_expression'
+require 'glimmer/dsl/opal/data_binding_expression'
 require 'glimmer/dsl/opal/combo_selection_data_binding_expression'
 require 'glimmer/dsl/opal/widget_listener_expression'
+require 'glimmer/dsl/opal/grid_layout_expression'
+require 'glimmer/dsl/opal/text_expression'
+require 'glimmer/dsl/opal/layout_data_expression'
 
 module Glimmer
   module DSL
@@ -22,6 +25,8 @@ module Glimmer
        %w[
          widget_listener
          combo_selection_data_binding
+         data_binding
+         text
          property
        ]
       )

data/lib/glimmer/dsl/opal/grid_layout_expression.rb

@@ -0,0 +1,17 @@
+require 'glimmer/dsl/static_expression'
+require 'glimmer/dsl/parent_expression'
+require 'glimmer/opal/grid_layout_proxy'
+
+module Glimmer
+  module DSL
+    module Opal
+      class GridLayoutExpression < StaticExpression
+        include ParentExpression
+
+        def interpret(parent, keyword, *args, &block)
+          Glimmer::Opal::GridLayoutProxy.new(parent, args)
+        end
+      end
+    end
+  end
+end

data/lib/glimmer/dsl/opal/layout_data_expression.rb

@@ -0,0 +1,17 @@
+require 'glimmer/dsl/static_expression'
+require 'glimmer/dsl/parent_expression'
+require 'glimmer/opal/layout_data_proxy'
+
+module Glimmer
+  module DSL
+    module Opal
+      class LayoutDataExpression < StaticExpression
+        include ParentExpression
+
+        def interpret(parent, keyword, *args, &block)
+          Glimmer::Opal::LayoutDataProxy.new(parent, args)
+        end
+      end
+    end
+  end
+end

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

@@ -7,11 +7,15 @@ module Glimmer
         include TopLevelExpression
 
         def can_interpret?(parent, keyword, *args, &block)          
-          parent and keyword and block.nil?
+          parent and parent.respond_to?(:set_attribute) and keyword and block.nil?
         end
 
         def interpret(parent, keyword, *args, &block)
-          parent.text = args.first.to_s
+          if keyword == 'text' # TODO move into property converters in element proxy
+            args = [args.first.to_s.gsub('&', '') ]
+          end
+          parent.set_attribute(keyword, *args)
+          args.first.to_s
         end
       end
     end

data/lib/glimmer/dsl/opal/text_expression.rb

@@ -0,0 +1,22 @@
+require 'glimmer/dsl/expression'
+require 'glimmer/dsl/parent_expression'
+require 'glimmer/opal/input_proxy'
+
+module Glimmer
+  module DSL
+    module Opal
+      class TextExpression < Expression
+        include ParentExpression
+
+        def can_interpret?(parent, keyword, *args, &block)
+          keyword == 'text' and parent and block_given?
+        end
+
+        def interpret(parent, keyword, *args, &block)
+          args << {type: 'text'}
+          Glimmer::Opal::InputProxy.new(parent, args)
+        end
+      end
+    end
+  end
+end

data/lib/glimmer/opal/div_proxy.rb

@@ -3,10 +3,16 @@ require 'glimmer/opal/element_proxy'
 module Glimmer
   module Opal
     class DivProxy < ElementProxy
+      def initialize(parent, args)
+        super(parent, args)
+        GridLayoutProxy.new(self, [])
+      end
+      
       def dom
         div_id = id
+        div_style = style
         @dom ||= DOM {
-          div(id: div_id, class: 'grid_layout')
+          div(id: div_id, class: 'grid-layout', style: div_style)
         }
       end
     end

data/lib/glimmer/opal/document_proxy.rb

@@ -19,20 +19,25 @@ module Glimmer
       end
 
       def text=(value)
-        $document.title = value
+        $document.ready do
+          $document.title = value
+        end
       end
 
       def head_dom
+        # TODO make grid-layout support grab excess space false
         @head_dom ||= DOM {
           head {
-            <<~CSS
-            <style>
-              div.grid_layout > * {
-                display: block;
-                margin-bottom: 10px;
-              }
-            </style>
-            CSS
+#             <<~CSS
+#             <style>
+#               div.grid-layout {
+#                 display: grid;
+#                 grid-template-columns: auto;
+#                 grid-row-gap: 10px;
+#                 justify-content: start;
+#               }
+#             </style>
+#             CSS
           }
         }
       end

data/lib/glimmer/opal/element_proxy.rb

@@ -1,13 +1,18 @@
+require 'glimmer/opal/property_owner'
+
 module Glimmer
   module Opal
     class ElementProxy
-      attr_reader :parent, :args
+      include Glimmer
+      include PropertyOwner
+      attr_reader :parent, :args, :css_classes, :style
       
       def initialize(parent, args)
         @parent = parent
         @args = args
         @children = []
         @parent.add_child(self)
+        @css_classes = Set.new
       end
 
       def add_child(child)
@@ -40,13 +45,219 @@ module Glimmer
         "#{name}##{id}"
       end
       
+      def add_css_class(css_class)
+        @css_classes << css_class
+        redraw
+      end
+      
+      def add_css_classes(css_classes)
+        @css_classes += css_classes
+        redraw
+      end
+      
+      def remove_css_class(css_class)
+        @css_classes.delete(css_class)
+        redraw
+      end
+      
+      def remove_css_classes(css_classes)
+        @css_classes -= css_classes
+        redraw
+      end
+      
+      def clear_css_classes(css_class)
+        @css_classes.clear
+        redraw
+      end
+      
+      def style=(css)
+        @style = css
+        redraw
+      end
+      
       def handle_observation_request(keyword, &event_listener)
+        return unless observation_request_to_event_mapping.keys.include?(keyword)
         event = observation_request_to_event_mapping[keyword][:event]
         event_handler = observation_request_to_event_mapping[keyword][:event_handler]
+        potential_event_listener = event_handler&.call(event_listener)
         event_listener = event_handler&.call(event_listener) || event_listener
         delegate = $document.on(event, selector, &event_listener)
         EventListenerProxy.new(element_proxy: self, event: event, selector: selector, delegate: delegate)
-      end         
+      end
+      
+      def add_observer(observer, property_name)
+        property_listener_installers = self.class.ancestors.map {|ancestor| widget_property_listener_installers[ancestor]}.compact
+        widget_listener_installers = property_listener_installers.map{|installer| installer[property_name.to_s.to_sym]}.compact if !property_listener_installers.empty?
+        widget_listener_installers.to_a.each do |widget_listener_installer|
+          widget_listener_installer.call(observer)
+        end
+      end
+      
+      def set_attribute(attribute_name, *args)
+        apply_property_type_converters(attribute_name, args)
+        super(attribute_name, *args)
+      end
+      
+      def apply_property_type_converters(attribute_name, args)
+        if args.count == 1
+          value = args.first
+          converter = property_type_converters[attribute_name.to_sym]
+          args[0] = converter.call(value) if converter
+        end
+#         if args.count == 1 && args.first.is_a?(ColorProxy)
+#           g_color = args.first
+#           args[0] = g_color.swt_color
+#         end
+      end
+      
+      def property_type_converters
+        @property_type_converters ||= {
+#           :background => color_converter,
+#           :background_image => lambda do |value|
+#             if value.is_a?(String)
+#               if value.start_with?('uri:classloader')
+#                 value = value.sub(/^uri\:classloader\:\//, '')
+#                 object = java.lang.Object.new
+#                 value = object.java_class.resource_as_stream(value)
+#                 value = java.io.BufferedInputStream.new(value)
+#               end
+#               image_data = ImageData.new(value)
+#               on_event_Resize do |resize_event|
+#                 new_image_data = image_data.scaledTo(@swt_widget.getSize.x, @swt_widget.getSize.y)
+#                 @swt_widget.getBackgroundImage&.dispose
+#                 @swt_widget.setBackgroundImage(Image.new(@swt_widget.getDisplay, new_image_data))
+#               end
+#               Image.new(@swt_widget.getDisplay, image_data)
+#             else
+#               value
+#             end
+#           end,
+#           :foreground => color_converter,
+#           :font => lambda do |value|
+#             if value.is_a?(Hash)
+#               font_properties = value
+#               FontProxy.new(self, font_properties).swt_font
+#             else
+#               value
+#             end
+#           end,
+#           :items => lambda do |value|
+#             value.to_java :string
+#           end,
+          :text => lambda do |value|
+#             if swt_widget.is_a?(Browser)
+#               value.to_s
+#             else
+              value.to_s
+#             end
+          end,
+#           :visible => lambda do |value|
+#             !!value
+#           end,
+        }      
+      end      
+      
+      def widget_property_listener_installers
+        @swt_widget_property_listener_installers ||= {
+#           ElementProxy => {
+#             :focus => lambda do |observer|
+#               on_focus_gained { |focus_event|
+#                 observer.call(true)
+#               }
+#               on_focus_lost { |focus_event|
+#                 observer.call(false)
+#               }
+#             end,
+#           },
+          InputProxy => {
+            :text => lambda do |observer|
+              on_modify_text { |modify_event|                
+                observer.call(text)
+              }
+            end,
+#             :caret_position => lambda do |observer|
+#               on_event_keydown { |event|
+#                 observer.call(getCaretPosition)
+#               }
+#               on_event_keyup { |event|
+#                 observer.call(getCaretPosition)
+#               }
+#               on_event_mousedown { |event|
+#                 observer.call(getCaretPosition)
+#               }
+#               on_event_mouseup { |event|
+#                 observer.call(getCaretPosition)
+#               }
+#             end,
+#             :selection => lambda do |observer|
+#               on_event_keydown { |event|
+#                 observer.call(getSelection)
+#               }
+#               on_event_keyup { |event|
+#                 observer.call(getSelection)
+#               }
+#               on_event_mousedown { |event|
+#                 observer.call(getSelection)
+#               }
+#               on_event_mouseup { |event|
+#                 observer.call(getSelection)
+#               }
+#             end,
+#             :selection_count => lambda do |observer|
+#               on_event_keydown { |event|
+#                 observer.call(getSelectionCount)
+#               }
+#               on_event_keyup { |event|
+#                 observer.call(getSelectionCount)
+#               }
+#               on_event_mousedown { |event|
+#                 observer.call(getSelectionCount)
+#               }
+#               on_event_mouseup { |event|
+#                 observer.call(getSelectionCount)
+#               }
+#             end,
+#             :top_index => lambda do |observer|
+#               @last_top_index = getTopIndex
+#               on_paint_control { |event|
+#                 if getTopIndex != @last_top_index
+#                   @last_top_index = getTopIndex
+#                   observer.call(@last_top_index)
+#                 end
+#               }
+#             end,
+          },
+#           Java::OrgEclipseSwtCustom::StyledText => {
+#             :text => lambda do |observer|
+#               on_modify_text { |modify_event|
+#                 observer.call(getText)
+#               }
+#             end,
+#           },
+#           InputProxy => {
+#             :selection => lambda do |observer|
+#               on_widget_selected { |selection_event|
+#                 observer.call(getSelection)
+#               }
+#             end
+#           },
+#           Java::OrgEclipseSwtWidgets::MenuItem => {
+#             :selection => lambda do |observer|
+#               on_widget_selected { |selection_event|
+#                 observer.call(getSelection)
+#               }
+#             end
+#           },
+#           Java::OrgEclipseSwtWidgets::Spinner => {
+#             :selection => lambda do |observer|
+#               on_widget_selected { |selection_event|
+#                 observer.call(getSelection)
+#               }
+#             end
+#           },
+        }
+      end
+      
     end
   end
 end

data/lib/glimmer/opal/grid_layout_proxy.rb

@@ -0,0 +1,52 @@
+require 'glimmer/opal/property_owner'
+
+module Glimmer
+  module Opal
+    class GridLayoutProxy
+      include PropertyOwner
+      attr_reader :parent, :args, :num_columns, :make_columns_equal_width, :horizontal_spacing, :vertical_spacing
+    
+      def initialize(parent, args)
+        @parent = parent
+        @args = args
+        @parent.add_css_class('grid-layout')
+        @vertical_spacing = 10
+        reapply
+      end
+
+      def num_columns=(columns)
+        @num_columns = columns
+#         @parent.add_css_class("num-columns-#{@num_columns}")
+        reapply
+      end
+      
+      def make_columns_equal_width=(equal_width)
+        @make_columns_equal_width = equal_width        
+#         @parent.add_css_class('make_columns_equal_width') if @make_columns_equal_width
+        reapply
+      end
+      
+      def horizontal_spacing=(spacing)
+        @horizontal_spacing = spacing
+#         @parent.add_css_class("horizontal-spacing-#{@horizontal_spacing}")
+        reapply
+      end
+
+      def vertical_spacing=(spacing)
+        @vertical_spacing = spacing
+#         @parent.add_css_class("vertical-spacing-#{@vertical_spacing}")
+        reapply
+      end
+      
+      def reapply
+        @parent.style = <<~CSS
+          display: grid;
+          grid-template-columns: #{'auto ' * @num_columns.to_i};
+          grid-row-gap: #{@vertical_spacing}px;
+          grid-column-gap: #{@horizontal_spacing}px;
+          justify-content: start;
+        CSS
+      end
+    end
+  end
+end

data/lib/glimmer/opal/input_proxy.rb

@@ -14,6 +14,15 @@ module Glimmer
         {
           'on_widget_selected' => {
             event: 'click'
+          }, 
+          'on_modify_text' => {
+            event: 'keyup',
+            event_handler: -> (event_listener) {
+              -> (event) {
+                @text = event.target.value
+                event_listener.call(event)              
+              }
+            }
           }
         }
       end
@@ -21,8 +30,10 @@ module Glimmer
       def dom
         input_text = @text
         input_id = id
+        input_style = style
+        input_args = @args.last
         @dom ||= DOM {
-          input id: input_id, type: 'button', value: input_text
+          input input_args.merge(id: input_id, style: input_style, value: input_text)
         }
       end
     end

data/lib/glimmer/opal/label_proxy.rb

@@ -13,8 +13,9 @@ module Glimmer
       def dom
         label_text = @text
         label_id = id
+        label_style = style
         @dom ||= DOM {
-          label(id: label_id) {
+          label(id: label_id, style: label_style) {
             label_text
           }
         }

data/lib/glimmer/opal/layout_data_proxy.rb

@@ -0,0 +1,31 @@
+require 'glimmer/opal/property_owner'
+
+module Glimmer
+  module Opal
+    class LayoutDataProxy
+      include PropertyOwner
+      attr_reader :parent, :args, :horizontal_alignment, :grab_excess_horizontal_space
+    
+      def initialize(parent, args)
+        @parent = parent
+        @args = args
+        reapply
+      end
+
+      def horizontal_alignment=(horizontal_alignment)
+        @horizontal_alignment = horizontal_alignment
+        reapply
+      end
+      
+      def grab_excess_horizontal_space=(grab_excess_horizontal_space)
+        @grab_excess_horizontal_space = grab_excess_horizontal_space
+        reapply
+      end
+
+      def reapply
+#         @parent.style = <<~CSS
+#         CSS
+      end
+    end
+  end
+end

data/lib/glimmer/opal/property_owner.rb

@@ -0,0 +1,22 @@
+module Glimmer
+  module Opal
+    # Adapts Glimmer UI classes to SWT JavaBean property owner classes (which are now adapted to Opal)
+    module PropertyOwner
+      def get_attribute(attribute_name)
+        send(attribute_getter(attribute_name))
+      end
+    
+      def set_attribute(attribute_name, *args)
+        send(attribute_setter(attribute_name), *args) unless send(attribute_getter(attribute_name)) == args.first
+      end
+      
+      def attribute_setter(attribute_name)
+        "#{attribute_name.to_s.underscore}="
+      end
+      
+      def attribute_getter(attribute_name)
+        attribute_name.to_s.underscore
+      end      
+    end
+  end
+end

data/lib/glimmer/opal/select_proxy.rb

@@ -41,8 +41,9 @@ module Glimmer
         select_text = @text        
         items = @items
         select_id = id
+        select_style = style
         @dom ||= DOM {
-          select(id: select_id) {
+          select(id: select_id, style: select_style) {
             items.to_a.each do |item|
               option_hash = {value: item}
               option_hash[:selected] = 'selected' if select_text == item

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-opal
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - AndyMaleh
@@ -181,9 +181,12 @@ files:
 - lib/glimmer/dsl/opal/composite_expression.rb
 - lib/glimmer/dsl/opal/data_binding_expression.rb
 - lib/glimmer/dsl/opal/dsl.rb
+- lib/glimmer/dsl/opal/grid_layout_expression.rb
 - lib/glimmer/dsl/opal/label_expression.rb
+- lib/glimmer/dsl/opal/layout_data_expression.rb
 - lib/glimmer/dsl/opal/property_expression.rb
 - lib/glimmer/dsl/opal/shell_expression.rb
+- lib/glimmer/dsl/opal/text_expression.rb
 - lib/glimmer/dsl/opal/widget_listener_expression.rb
 - lib/glimmer/dsl/parent_expression.rb
 - lib/glimmer/dsl/static_expression.rb
@@ -194,8 +197,11 @@ files:
 - lib/glimmer/opal/document_proxy.rb
 - lib/glimmer/opal/element_proxy.rb
 - lib/glimmer/opal/event_listener_proxy.rb
+- lib/glimmer/opal/grid_layout_proxy.rb
 - lib/glimmer/opal/input_proxy.rb
 - lib/glimmer/opal/label_proxy.rb
+- lib/glimmer/opal/layout_data_proxy.rb
+- lib/glimmer/opal/property_owner.rb
 - lib/glimmer/opal/select_proxy.rb
 - lib/samples/elaborate/contact_manager.rb
 - lib/samples/elaborate/contact_manager/contact.rb