glimmer-dsl-opal 0.3.0 → 0.6.1

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

@@ -0,0 +1,33 @@
+# Copyright (c) 2020 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/static_expression'
+require 'glimmer/dsl/opal/exec_expression'
+
+module Glimmer
+  module DSL
+    module Opal
+      class SyncExecExpression < StaticExpression
+        include ExecExpression
+      end
+    end
+  end
+end

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

@@ -16,7 +16,12 @@ module Glimmer
         end
 
         def interpret(parent, keyword, *args, &block)
-          Glimmer::SWT::WidgetProxy.for(keyword, parent, args)
+          Glimmer::SWT::WidgetProxy.for(keyword, parent, args, block)
+        end
+
+        def add_content(parent, &block)
+          super(parent, &block)
+          parent.post_add_content
         end
       end
     end

data/lib/glimmer/engine.rb

@@ -0,0 +1,9 @@
+module Glimmer
+  class Engine < ::Rails::Engine
+    isolate_namespace Glimmer
+
+    initializer "glimmer.assets.precompile" do |app|
+      app.config.assets.precompile += %w( glimmer/glimmer.css )
+    end
+  end
+end

data/lib/glimmer/swt.rb

@@ -1,5 +1,5 @@
 # Copyright (c) 2020 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
@@ -7,10 +7,10 @@
 # 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

data/lib/glimmer/swt/button_proxy.rb

@@ -1,8 +1,22 @@
 require 'glimmer/swt/widget_proxy'
+require 'glimmer/swt/radio_proxy'
+require 'glimmer/swt/checkbox_proxy'
 
 module Glimmer
   module SWT
     class ButtonProxy < WidgetProxy
+      class << self
+        def create(keyword, parent, args, block)
+          if args.to_a.include?(:radio)
+            RadioProxy.new(parent, args, block)
+          elsif args.to_a.include?(:check)
+            CheckboxProxy.new(parent, args, block)
+          else
+            new(parent, args, block)
+          end
+        end
+      end
+    
       attr_reader :text
       
       def text=(value)
@@ -18,7 +32,7 @@ module Glimmer
         {
           'on_widget_selected' => {
             event: 'click'
-          }, 
+          },
         }
       end
       
@@ -30,7 +44,7 @@ module Glimmer
         input_disabled = @enabled ? {} : {'disabled': 'disabled'}
         input_args = input_args.merge(type: 'password') if has_style?(:password)
         @dom ||= html {
-          button(input_args.merge(id: input_id, class: name, style: input_style, style: 'min-width: 27px; min-height: 27px;').merge(input_disabled)) {
+          button(input_args.merge(id: input_id, class: name, style: input_style, style: 'min-width: 32px; min-height: 32px;').merge(input_disabled)) {
             input_text.to_s == '' ? '&nbsp;' : input_text
           }
         }.to_s

data/lib/glimmer/swt/checkbox_proxy.rb

@@ -0,0 +1,81 @@
+require 'glimmer/swt/widget_proxy'
+
+module Glimmer
+  module SWT
+    class CheckboxProxy < WidgetProxy
+      # TODO add a create method that ensures passing :check style in if not there
+      STYLE=<<~CSS
+        .checkbox {
+          display: inline;
+        }
+        .checkbox-label {
+          display: inline;
+        }
+      CSS
+      # TODO consider reuse of logic in Radioproxy
+      attr_reader :text
+      
+      def text=(value)
+        @text = value
+        dom_element.val(@text)
+        label_dom_element.html(@text)
+      end
+
+      def selection
+        dom_element.prop('checked')
+      end
+      
+      def selection=(value)
+        @selection = value
+        dom_element.prop('checked', @selection)
+      end
+      
+      def element
+        'input'
+      end
+
+      def observation_request_to_event_mapping
+        {
+          'on_widget_selected' => {
+            event: 'change'
+          },
+        }
+      end
+      
+      def label_id
+        "#{id}-label"
+      end
+      
+      def label_class
+        "#{name}-label"
+      end
+      
+      def label_dom_element
+        Element.find("##{label_id}")
+      end
+      
+      def dom
+        check_text = @text
+        check_id = id
+        check_style = css
+        check_class = name
+        check_selection = @selection
+        options = {type: 'checkbox', id: check_id, name: parent.id, style: check_style, class: check_class, value: check_text, style: 'min-width: 27px;'}
+        options[checked: 'checked'] if check_selection
+        @dom ||= html {
+          span {
+            input(options) {
+            }
+            label(id: label_id, class: label_class, for: check_id) {
+              check_text
+            }
+          }
+        }.to_s
+      end
+      
+    end
+    
+    CheckProxy = CheckboxProxy # alias
+  end
+  
+end

data/lib/glimmer/swt/color_proxy.rb

@@ -1,5 +1,5 @@
 # Copyright (c) 2020 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
@@ -7,10 +7,10 @@
 # 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
@@ -28,44 +28,44 @@ module Glimmer
     # Follows the Proxy Design Pattern
     class ColorProxy
       SWT_COLOR_TRANSLATION = {
-        "widget_foreground"                   => [0, 0, 0], 
-        "blue"                                => [0, 0, 255], 
-        "widget_dark_shadow"                  => [0, 0, 0], 
-        "title_foreground"                    => [0, 0, 0], 
-        "yellow"                              => [255, 255, 0], 
-        "widget_highlight_shadow"             => [255, 255, 255], 
-        "dark_cyan"                           => [0, 128, 128], 
-        "list_foreground"                     => [0, 0, 0], 
-        "dark_blue"                           => [0, 0, 128], 
-        "dark_yellow"                         => [128, 128, 0], 
-        "cyan"                                => [0, 255, 255], 
-        "info_background"                     => [236, 235, 236], 
-        "link_foreground"                     => [0, 104, 218], 
-        "title_inactive_foreground"           => [0, 0, 0], 
-        "title_background_gradient"           => [179, 215, 255], 
-        "red"                                 => [255, 0, 0], 
-        "title_inactive_background_gradient"  => [220, 220, 220], 
-        "transparent"                         => [255, 255, 255], 
-        "widget_light_shadow"                 => [232, 232, 232], 
-        "dark_magenta"                        => [128, 0, 128], 
-        "white"                               => [255, 255, 255], 
-        "list_selection"                      => [179, 215, 255], 
-        "gray"                                => [192, 192, 192], 
-        "widget_border"                       => [0, 0, 0], 
-        "widget_background"                   => [236, 236, 236], 
-        "info_foreground"                     => [0, 0, 0], 
-        "title_inactive_background"           => [220, 220, 220], 
-        "widget_disabled_foreground"          => [220, 220, 220], 
-        "list_background"                     => [255, 255, 255], 
-        "magenta"                             => [255, 0, 255], 
-        "title_background"                    => [0, 99, 225], 
-        "text_disabled_background"            => [255, 255, 255], 
-        "black"                               => [0, 0, 0], 
-        "dark_gray"                           => [128, 128, 128], 
-        "list_selection_text"                 => [0, 0, 0], 
-        "dark_red"                            => [128, 0, 0], 
-        "widget_normal_shadow"                => [159, 159, 159], 
-        "dark_green"                          => [0, 128, 0], 
+        "widget_foreground"                   => [0, 0, 0],
+        "blue"                                => [0, 0, 255],
+        "widget_dark_shadow"                  => [0, 0, 0],
+        "title_foreground"                    => [0, 0, 0],
+        "yellow"                              => [255, 255, 0],
+        "widget_highlight_shadow"             => [255, 255, 255],
+        "dark_cyan"                           => [0, 128, 128],
+        "list_foreground"                     => [0, 0, 0],
+        "dark_blue"                           => [0, 0, 128],
+        "dark_yellow"                         => [128, 128, 0],
+        "cyan"                                => [0, 255, 255],
+        "info_background"                     => [236, 235, 236],
+        "link_foreground"                     => [0, 104, 218],
+        "title_inactive_foreground"           => [0, 0, 0],
+        "title_background_gradient"           => [179, 215, 255],
+        "red"                                 => [255, 0, 0],
+        "title_inactive_background_gradient"  => [220, 220, 220],
+        "transparent"                         => [255, 255, 255],
+        "widget_light_shadow"                 => [232, 232, 232],
+        "dark_magenta"                        => [128, 0, 128],
+        "white"                               => [255, 255, 255],
+        "list_selection"                      => [179, 215, 255],
+        "gray"                                => [192, 192, 192],
+        "widget_border"                       => [0, 0, 0],
+        "widget_background"                   => [236, 236, 236],
+        "info_foreground"                     => [0, 0, 0],
+        "title_inactive_background"           => [220, 220, 220],
+        "widget_disabled_foreground"          => [220, 220, 220],
+        "list_background"                     => [255, 255, 255],
+        "magenta"                             => [255, 0, 255],
+        "title_background"                    => [0, 99, 225],
+        "text_disabled_background"            => [255, 255, 255],
+        "black"                               => [0, 0, 0],
+        "dark_gray"                           => [128, 128, 128],
+        "list_selection_text"                 => [0, 0, 0],
+        "dark_red"                            => [128, 0, 0],
+        "widget_normal_shadow"                => [159, 159, 159],
+        "dark_green"                          => [0, 128, 0],
         "green"                               => [0, 255, 0]
       }
     
@@ -87,19 +87,19 @@ module Glimmer
       # rgba is 4 arguments representing Red, Green, Blue, and Alpha numeric values
       #
       def initialize(*args)
-        @args = args        
+        @args = args
         case @args.size
         when 1
           @alpha = nil
-          if @args.first.is_a?(String) || @args.first.is_a?(Symbol)              
-            standard_color = @args.first.to_s.downcase.sub('COLOR_', '')             
+          if @args.first.is_a?(String) || @args.first.is_a?(Symbol)
+            standard_color = @args.first.to_s.downcase.sub('COLOR_', '')
             @red, @green, @blue = SWT_COLOR_TRANSLATION[standard_color]
           else
             @red, @green, @blue = [0, 0, 0]
           end
         when 3..4
           @red, @green, @blue, @alpha = @args
-        end        
+        end
       end
       
       def to_css

data/lib/glimmer/swt/combo_proxy.rb

@@ -7,8 +7,8 @@ module Glimmer
       include Glimmer::DataBinding::ObservableElement
       attr_reader :text, :items
       
-      def initialize(parent, args)
-        super(parent, args)
+      def initialize(parent, args, block)
+        super(parent, args, block)
         @items = []
       end
       
@@ -29,20 +29,20 @@ module Glimmer
           html {
             option(option_hash) {
               item
-            } 
+            }
           }.to_s
         end
         dom_element.html(items_dom)
       end
 
-      def observation_request_to_event_mapping      
+      def observation_request_to_event_mapping
         {
           'on_widget_selected' => {
             event: 'change',
             event_handler: -> (event_listener) {
-              -> (event) {                
+              -> (event) {
                 @text = event.target.value
-                event_listener.call(event)              
+                event_listener.call(event)
               }
             }
           }

data/lib/glimmer/swt/composite_proxy.rb

@@ -6,8 +6,8 @@ module Glimmer
     class CompositeProxy < WidgetProxy
       attr_reader :layout
       
-      def initialize(parent, args)
-        super(parent, args)
+      def initialize(parent, args, block)
+        super(parent, args, block)
         @layout = GridLayoutProxy.new(self, [])
       end
       

data/lib/glimmer/swt/custom/checkbox_group.rb

@@ -0,0 +1,142 @@
+# Copyright (c) 2020 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/ui/custom_widget'
+
+module Glimmer
+  module SWT
+    module Custom
+      # A custom widget rendering a group of checkboxes generated via data-binding
+      class CheckboxGroup
+        include Glimmer::UI::CustomWidget
+        
+        body {
+          composite # just an empty composite to hold checkboxs upon data-binding `selection`
+        }
+        
+        def items=(text_array)
+          selection_value = selection
+          @items = Array[*text_array]
+          build_checkboxes
+        end
+        
+        def items
+          @items || []
+        end
+        
+        def selection=(selection_texts)
+          items.count.times do |index|
+            checkbox = checkboxes[index]
+            item = items[index]
+            checkbox_text = checkbox&.text
+            checkbox.selection = selection_texts.to_a.include?(checkbox_text)
+          end
+          selection_texts
+        end
+        
+        def selection
+          selection_indices.map do |selection_index|
+            checkboxes[selection_index]&.text
+          end
+        end
+        
+        def selection_indices=(indices)
+          self.selection=(indices.to_a.map {|index| items[index]})
+        end
+        alias select selection_indices=
+        
+        def selection_indices
+          checkboxes.each_with_index.map do |checkbox, index|
+            index if checkbox.selection
+          end.to_a.compact
+        end
+        
+        def checkboxes
+          @checkboxes ||= []
+        end
+        alias checks checkboxes
+        
+        def can_handle_observation_request?(observation_request)
+          checkboxes.first&.can_handle_observation_request?(observation_request) || super(observation_request)
+        end
+        
+        def handle_observation_request(observation_request, &block)
+          observation_requests << [observation_request, block]
+          delegate_observation_request_to_checkboxes(observation_request, &block)
+          super
+        end
+        
+        def delegate_observation_request_to_checkboxes(observation_request, &block)
+          if observation_request != 'on_widget_disposed'
+            checkboxes.count.times do |index|
+              checkbox = checkboxes[index]
+              checkbox.handle_observation_request(observation_request, &block) if checkbox.can_handle_observation_request?(observation_request)
+            end
+          end
+        end
+        
+        def observation_requests
+          @observation_requests ||= Set.new
+        end
+        
+        def has_attribute?(attribute_name, *args)
+          @checkboxes.to_a.map do |widget_proxy|
+            return true if widget_proxy.has_attribute?(attribute_name, *args)
+          end
+          super
+        end
+         
+        def set_attribute(attribute_name, *args)
+          excluded_attributes = ['selection']
+          unless excluded_attributes.include?(attribute_name.to_s)
+            @checkboxes.to_a.each do |widget_proxy|
+              widget_proxy.set_attribute(attribute_name, *args) if widget_proxy.has_attribute?(attribute_name, *args)
+            end
+          end
+          super
+        end
+        
+        private
+        
+        def build_checkboxes
+          current_selection = selection
+          @checkboxes = []
+          items.each do |item|
+            body_root.content {
+              checkboxes << checkbox { |checkbox_proxy|
+                text item
+                on_widget_selected {
+                  self.selection_indices = checkboxes.each_with_index.map {|cb, i| i if cb.selection}.to_a.compact
+                }
+              }
+            }
+          end
+          observation_requests.to_a.each do |observation_request, block|
+            delegate_observation_request_to_checkboxes(observation_request, &block)
+          end
+          self.selection = current_selection
+        end
+      end
+      
+      CheckGroup = CheckboxGroup # alias
+    end
+  end
+end