An Interest In:
Web News this Week
- April 12, 2024
- April 11, 2024
- April 10, 2024
- April 9, 2024
- April 8, 2024
- April 7, 2024
- April 6, 2024
Glimmer DSL for LibUI Code Area (Ruby Tooling Future)
Brandon Weaver has recently contacted me on the Glimmer Gitter to ask questions about Glimmer DSL for LibUI. He also mentioned the node pattern tool written by Marc-Andr Lafortune (a fellow Rubyist I know in Montreal), which is hosted on Heroku. Brandon said he was excited about the possibility of implementing something similar in pure Ruby using Glimmer DSL for LibUI by leveraging the rouge syntax highlighting gem. He has even blogged about the Ruby Tooling subject in the past with the title "Future of Ruby - AST Tooling", which Matz (creator of Ruby) has alluded to before.
Now comes the good news! The latest versions of Glimmer DSL for LibUI added support for the following features to facilitate pursuing the Ruby Tooling vision:
- Class-Based Custom Control: enables building custom controls (aka widgets) as reusable components that are maintained cleanly in separate classes.
- Class-Based Custom Window/Application: facilitates building applications and reusable custom windows with less boilerplate code.
code_area
Custom Control: renders syntax highlighted code in anarea
control.
Given the great productivity benefits of Glimmer DSL for LibUI, I was able to piece together the code_area
custom control using the rouge gem in less than an hour.
Here is how the code_area
control looks like:
code_area
opens the doors to so many Ruby Tooling exciting possibilities in Glimmer DSL for LibUI. This is the Ruby community members' chance to be first movers and build Ruby tooling libraries that are scriptable in Ruby (unlike current popular editors).
Here is the examples/basic_code_area.rb code:
# From: https://github.com/AndyObtiva/glimmer-dsl-libui#basic-code-arearequire 'glimmer-dsl-libui'class BasicCodeArea include Glimmer::LibUI::Application before_body do @code = <<~CODE # Greets target with greeting def greet(greeting: 'Hello', target: 'World') puts "\#{greeting}, \#{target}!" end greet greet(target: 'Robert') greet(greeting: 'Aloha') greet(greeting: 'Aloha', target: 'Nancy') greet(greeting: 'Howdy', target: 'Doodle') CODE end body { window('Basic Code Area', 400, 300) { margined true code_area(language: 'ruby', code: @code) } }endBasicCodeArea.launch
Here is how to build class-based custom controls (address_form
and address_view
):
# From: https://github.com/AndyObtiva/glimmer-dsl-libui#class-based-custom-controlsrequire 'glimmer-dsl-libui'require 'facets'Address = Struct.new(:street, :p_o_box, :city, :state, :zip_code)class FormField include Glimmer::LibUI::CustomControl options :model, :attribute body { entry { |e| label attribute.to_s.underscore.split('_').map(&:capitalize).join(' ') text <=> [model, attribute] } }endclass AddressForm include Glimmer::LibUI::CustomControl options :address body { form { form_field(model: address, attribute: :street) form_field(model: address, attribute: :p_o_box) form_field(model: address, attribute: :city) form_field(model: address, attribute: :state) form_field(model: address, attribute: :zip_code) } }endclass LabelPair include Glimmer::LibUI::CustomControl options :model, :attribute, :value body { horizontal_box { label(attribute.to_s.underscore.split('_').map(&:capitalize).join(' ')) label(value.to_s) { text <= [model, attribute] } } }endclass AddressView include Glimmer::LibUI::CustomControl options :address body { vertical_box { address.each_pair do |attribute, value| label_pair(model: address, attribute: attribute, value: value) end } }endclass ClassBasedCustomControls include Glimmer::LibUI::Application # alias: Glimmer::LibUI::CustomWindow before_body do @address1 = Address.new('123 Main St', '23923', 'Denver', 'Colorado', '80014') @address2 = Address.new('2038 Park Ave', '83272', 'Boston', 'Massachusetts', '02101') end body { window('Class-Based Custom Keyword') { margined true horizontal_box { vertical_box { label('Address 1') { stretchy false } address_form(address: @address1) horizontal_separator { stretchy false } label('Address 1 (Saved)') { stretchy false } address_view(address: @address1) } vertical_separator { stretchy false } vertical_box { label('Address 2') { stretchy false } address_form(address: @address2) horizontal_separator { stretchy false } label('Address 2 (Saved)') { stretchy false } address_view(address: @address2) } } } }endClassBasedCustomControls.launch
And, here is how reusable custom controls look like (two address forms and two address views):
Happy Glimmering!
Original Link: https://dev.to/andyobtiva/glimmer-dsl-for-libui-code-area-ruby-tooling-future-1mh1
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To