glimmer-dsl-web 0.4.3 → 0.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 757705f381e25fbeb5666fd26b544cece14ed84cb335f6b1f7e6a4c273bac53f
-  data.tar.gz: 6a5b9416eb62f2b823f1357c813ee18e417df6e769ae57dcb8704bb8079a31bd
+  metadata.gz: 968cea935d70d244e06ab3edce32c14c9483ac897e09d9ab5e578cfc0c19ce71
+  data.tar.gz: 138548a00c394758b57a7848f9940748fc3df0dfd19a1638c79e26c5c7325424
 SHA512:
-  metadata.gz: 9d1c13a1b7199085718ccb37158232874a0599eee6bac22036ee86aa0d29ae2cdaf404a1ab701b5a9060cedbb4b846f00750a97a17760430a0731cb2a53e4e65
-  data.tar.gz: 0cd1b2ab98e2abab219c9d5dcbbb49dbf9c5c5f8bfa9b6f8a764589aa3d65dac991a77bd1b865d1f616db5ca82c2eb05b239a60a27b8f6f17a81cdd03365937e
+  metadata.gz: 5cbe3be5841ec5519f8fc23ae620e6b0545dd8c736a865bed49b161fdb2a4f07faecc3dcddec08a6066c64a30c39e1eb3b753ad74e50633a3b505193832151a5
+  data.tar.gz: e2f6709c7356a0d32c3170789bf7f958db98906d7c7dbbfca1dec7483f43865c961e3facb0d3889ffd28fd4818b1e4850b3a8cbdfe231b4352825aacaabfd2ce

data/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 0.4.4
+
+- Support setting element `style` property as String or Hash (like `background-color: yello; font-size: 12px;` or `{background_color: :yellow, font_size: 12}`)
+- Support setting element `classes` property as String or Array of Strings/Symbols (like `"pushed round"`, `['pushed', 'round']` or `[:pushed, :round]`)
+- Upgrade opal-jquery to version 0.5.2
+
 ## 0.4.3
 
 - Support element class name inclusion data-binding (e.g. `class_name('pushed') <= [@button_model, :pushed]`)

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.4.3 (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.4.4 (Beta)
 ## Ruby-in-the-Browser Web Frontend Framework
 ### Finally, Ruby Developer Productivity, Happiness, and Fun in the Frontend!!!
 [![Gem Version](https://badge.fury.io/rb/glimmer-dsl-web.svg)](http://badge.fury.io/rb/glimmer-dsl-web)
@@ -1390,7 +1390,7 @@ rails new glimmer_app_server
 Add the following to `Gemfile`:
 
 ```
-gem 'glimmer-dsl-web', '~> 0.4.3'
+gem 'glimmer-dsl-web', '~> 0.4.4'
 ```
 
 Run:
@@ -1619,7 +1619,7 @@ Disable the `webpacker` gem line in `Gemfile`:
 Add the following to `Gemfile`:
 
 ```ruby
-gem 'glimmer-dsl-web', '~> 0.4.3'
+gem 'glimmer-dsl-web', '~> 0.4.4'
 ```
 
 Run:

data/VERSION

@@ -1 +1 @@
-0.4.3
+0.4.4

data/glimmer-dsl-web.gemspec

@@ -2,16 +2,16 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: glimmer-dsl-web 0.4.3 ruby lib
+# stub: glimmer-dsl-web 0.4.4 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "glimmer-dsl-web".freeze
-  s.version = "0.4.3"
+  s.version = "0.4.4"
 
   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 = "2024-07-28"
+  s.date = "2024-08-03"
   s.description = "Glimmer DSL for Web (Ruby in the Browser Web Frontend Framework) enables building Web Frontends using Ruby in the Browser, as per Matz's recommendation in his RubyConf 2022 keynote speech to replace JavaScript with Ruby. It aims at providing the simplest, most intuitive, most straight-forward, and most productive frontend framework in existence. The framework follows the Ruby way (with DSLs and TIMTOWTDI) and the Rails way (Convention over Configuration) in building Isomorphic Ruby on Rails Applications. It provides a Ruby HTML DSL, which uniquely enables writing both structure code and logic code in one language. It supports both Unidirectional (One-Way) Data-Binding (using <=) and Bidirectional (Two-Way) Data-Binding (using <=>). Dynamic rendering (and re-rendering) of HTML content is also supported via Content Data-Binding. Modular design is supported with Glimmer Web Components. And, a Ruby CSS DSL is supported with the included Glimmer DSL for CSS. Many samples are demonstrated in the Rails sample app (there is a very minimal Standalone [No Rails] sample app too). You can finally live in pure Rubyland on the Web in both the frontend and backend with Glimmer DSL for Web! This gem relies on Opal Ruby.".freeze
   s.email = "andy.am@gmail.com".freeze
   s.extra_rdoc_files = [
@@ -104,7 +104,7 @@ Gem::Specification.new do |s|
   s.add_runtime_dependency(%q<opal>.freeze, ["= 1.8.2"])
   s.add_runtime_dependency(%q<opal-rails>.freeze, ["= 2.0.3"])
   s.add_runtime_dependency(%q<opal-async>.freeze, ["~> 1.4.1"])
-  s.add_runtime_dependency(%q<opal-jquery>.freeze, ["~> 0.5.1"])
+  s.add_runtime_dependency(%q<opal-jquery>.freeze, ["~> 0.5.2"])
   s.add_runtime_dependency(%q<to_collection>.freeze, [">= 2.0.1", "< 3.0.0"])
   s.add_development_dependency(%q<puts_debuggerer>.freeze, [">= 1.0.1"])
   s.add_development_dependency(%q<rake>.freeze, [">= 10.1.0", "< 14.0.0"])

data/lib/glimmer/web/element_proxy.rb

@@ -328,6 +328,22 @@ module Glimmer
         end
       end
       
+      def style(value = null)
+        if rendered?
+          if value.nil?
+            dom_element.attr('style')
+          else
+            value = normalize_style(value)
+            dom_element.attr('style', value)
+          end
+        else
+          enqueue_args = ['style']
+          enqueue_args << value unless value.nil?
+          enqueue_post_render_method_call(*enqueue_args)
+        end
+      end
+      alias style= style
+      
       def style_property(property, value = nil)
         if rendered?
           property = property.to_s.gsub('_', '-')
@@ -451,7 +467,8 @@ module Glimmer
           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[:class] = "#{normalize_class_name(html_options.delete('class') || html_options.delete(:class))} #{body_class}".strip
+        html_options[:style] = normalize_style(html_options.delete('style') || html_options.delete(:style))
         html_options['data-turbo'] = 'false' if parent.nil?
         html_options
       end
@@ -480,15 +497,16 @@ module Glimmer
         @element_id ||= "element-#{ElementProxy.next_id_number_for(name)}"
       end
       
-      def class_name=(value)
+      def class_name=(*values)
         if rendered?
-          values = value.is_a?(Array) ? value : [value.to_s]
+          values = normalize_class_name(values).split(' ')
           new_class_name = (base_css_classes + values).uniq.compact.join(' ')
           dom_element.prop('className', new_class_name)
         else
-          enqueue_post_render_method_call('class_name=', value)
+          enqueue_post_render_method_call('class_name=', *values)
         end
       end
+      alias classes= class_name=
       
       def add_css_class(css_class)
         if rendered?
@@ -932,6 +950,26 @@ module Glimmer
         SWT_CURSOR_TO_CSS_CURSOR_MAP[@cursor]
       end
       
+      def normalize_class_name(class_name_value)
+        if class_name_value.is_a?(Array)
+          class_name_value.map(&:to_s).join(' ')
+        else
+          class_name_value.to_s
+        end
+      end
+      
+      def normalize_style(style_value)
+        if style_value.is_a?(Hash)
+          style_value.reduce('') do |output, (key, value)|
+            key = key.to_s.gsub('_', '-')
+            value = value.px if value.is_a?(Numeric)
+            output += "#{key}: #{value}; "
+          end
+        else
+          style_value.to_s
+        end
+      end
+      
     end
   end
 end

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

@@ -14,17 +14,19 @@ class TodoListItem
   end
   
   markup {
+    
+    
     li {
-      # Data-bind inclusion of `li` `class` `completed` unidirectionally to todo completed attribute,
-      # meaning inclusion of completed class is determined by todo completed boolean attribute.
+      # Data-bind inclusion of `completed` in `li` `class` attribute unidirectionally to `todo` `completed` attribute,
+      # meaning inclusion/exclusion of `completed` class happens automatically when `todo.completed` boolean value changes.
       class_name(:completed) <= [todo, :completed]
       
-      # Data-bind inclusion of `li` `class` `active` unidirectionally to todo completed attribute, negated,
-      # meaning inclusion of active class is determined by todo completed boolean attribute, negated.
+      # Data-bind inclusion of `active` in `li` `class` attribute unidirectionally to `todo` `completed` attribute, negated,
+      # meaning inclusion/exclusion of `active` class happens automatically when `todo.completed` negated boolean value changes.
       class_name(:active) <= [todo, :completed, on_read: :!]
       
-      # Data-bind inclusion of `li` `class` `editing` unidirectionally to todo editing attribute,
-      # meaning inclusion of editing class is determined by todo editing boolean attribute.
+      # Data-bind inclusion of `editing` in `li` `class` attribute unidirectionally to `todo` `editing` attribute,
+      # meaning inclusion/exclusion of `editing` class happens automatically when `todo.editing` boolean value changes.
       class_name(:editing) <= [todo, :editing]
       
       div(class: 'view') {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-web
 version: !ruby/object:Gem::Version
-  version: 0.4.3
+  version: 0.4.4
 platform: ruby
 authors:
 - Andy Maleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-07-28 00:00:00.000000000 Z
+date: 2024-08-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -100,14 +100,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.5.1
+        version: 0.5.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.5.1
+        version: 0.5.2
 - !ruby/object:Gem::Dependency
   name: to_collection
   requirement: !ruby/object:Gem::Requirement