Your Web News in One Place

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
March 26, 2022 07:00 pm GMT

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 an area 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:

basic code area

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):

class-based custom controls

Happy Glimmering!


Original Link: https://dev.to/andyobtiva/glimmer-dsl-for-libui-code-area-ruby-tooling-future-1mh1

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To