glimmer-dsl-tk VS cryptopunks-gui

# From: https://github.com/AndyObtiva/glimmer-dsl-tk#hello-progressbar require 'glimmer-dsl-tk' class HelloProgressbar include Glimmer attr_accessor :progress_value, :maximum_value, :delay_value def initialize self.progress_value = 0 self.maximum_value = 100 self.delay_value = 0.01 Thread.new do loop do self.progress_value = (self.progress_value.to_i + 1) % (maximum_value.to_i + 1) sleep(delay_value) # yields to main thread end end end def launch root { text 'Hello, Progressbar!' progressbar { grid row: 0, column: 0, columnspan: 3 orient 'horizontal' length 200 mode 'indeterminate' maximum <= [self, :maximum_value] value <= [self, :progress_value] } label { grid row: 1, column: 0 text 'Value' } label { grid row: 1, column: 1 text 'Maximum' } label { grid row: 1, column: 2 text 'Delay in Seconds' } spinbox { grid row: 2, column: 0 from 0.0 to 100.0 increment 1.0 format '%0f' text <=> [self, :progress_value, on_read: :to_i, on_write: :to_i] } spinbox { grid row: 2, column: 1 from 1.0 to 100.0 increment 1.0 format '%0f' text <=> [self, :maximum_value, on_read: :to_i, on_write: :to_i] } spinbox { grid row: 2, column: 2 from 0.01 to 1.0 increment 0.1 format '%0.2f' text <=> [self, :delay_value, on_write: ->(val) {[val.to_f, 1.0].min}] } progressbar { grid row: 3, column: 0, columnspan: 3 orient 'horizontal' length 200 mode 'determinate' maximum <= [self, :maximum_value] value <= [self, :progress_value] } progressbar { grid row: 4, column: 0, columnspan: 3 orient 'vertical' length 200 mode 'determinate' maximum <= [self, :maximum_value] value <= [self, :progress_value] } }.open end end HelloProgressbar.new.launch

Thankfully, community members contribute back to Glimmer too, such as vin1antme's big 2021 contribution of lightweight declarative drag and drop support for Glimmer DSL for Tk.

glimmer-dsl-tk: Glimmer DSL for Tk (MRI Ruby Desktop Development GUI Library)

Cryptopunks GUI is a Graphical User Interface for the famous cryptopunks Ruby gem, built with Glimmer DSL for Tk.

The main trade-off in using Glimmer DSL for LibUI as opposed to Glimmer DSL for SWT or Glimmer DSL for Tk is the fact that SWT and Tk are more mature than mid-alpha libui as GUI toolkits. Still, if there is only a need to build a small simple application, Glimmer DSL for LibUI could be a good convenient choice due to having zero prerequisites beyond the dependencies included in the Ruby gem. Also, just like Glimmer DSL for Tk, its apps start instantly and have a small memory footprint. LibUI is a promising new GUI toolkit that might prove quite worthy in the future.

# From: https://github.com/AndyObtiva/cryptopunks-gui require 'glimmer-dsl-tk' require 'cryptopunks' require 'facets' require 'fileutils' require 'net/http' require 'uri' require 'glimmer/data_binding/observer' require 'puts_debuggerer' class CryptopunksGui include Glimmer PALETTES = ['Standard'] + (Palette8bit.constants).map(&:name).map {|palette| palette.split('_').map(&:capitalize).join(' ')}.reject { |palette| palette.include?(' ') }.sort STYLES = ['Normal', 'Led', 'Sketch'] attr_accessor :punk_index, :zoom, :palette, :style, :led_spacing, :led_round_corner, :sketch_line, :flip, :mirror def initialize initialize_punks initialize_defaults observe_image_attribute_changes create_gui self.punk_index = 0 @root.open end def palette_options PALETTES end def style_options STYLES end def initialize_punks @punk_directory = File.join(Dir.home, '.cryptopunks') FileUtils.mkdir_p(@punk_directory) @punk_file = File.join(@punk_directory, 'punks.png') File.write(@punk_file, Net::HTTP.get(URI('https://raw.githubusercontent.com/larvalabs/cryptopunks/master/punks.png'))) unless File.exist?(@punk_file) @punks = Punks::Image::Composite.read(@punk_file) end def initialize_defaults @zoom = 12 @palette = PALETTES.first @style = STYLES.first @led_spacing = 2 @led_round_corner = false @sketch_line = 1 @mirror = false @flip = false end def observe_image_attribute_changes observer = Glimmer::DataBinding::Observer.proc { generate_image } observer.observe(self, :punk_index) observer.observe(self, :zoom) observer.observe(self, :palette) observer.observe(self, :style) observer.observe(self, :led_spacing) observer.observe(self, :led_round_corner) observer.observe(self, :sketch_line) observer.observe(self, :mirror) observer.observe(self, :flip) end def generate_image return if @punk_index.to_i > 9999 image_location = File.join(@punk_directory, "punk-#{@punk_index}#{"x#{@zoom}" if @zoom.to_i > 1}#{"-#{@palette.underscore}" if @palette != PALETTES.first}#{"-#{@style.underscore}" if @style != STYLES.first}.png") puts "Writing punk image to #{image_location}" selected_punk = @punks[@punk_index.to_i] selected_punk = selected_punk.change_palette8bit(Palette8bit.const_get(@palette.gsub(' ', '_').upcase.to_sym)) if @palette != PALETTES.first @original_zoom = @zoom if @style != STYLES.first style_options = {} if @style == 'Led' style_options[:spacing] = @led_spacing.to_i style_options[:round_corner] = @led_round_corner end if @style == 'Sketch' style_options[:line] = @sketch_line.to_i end selected_punk = selected_punk.send(@style.underscore, @zoom.to_i, **style_options) end selected_punk = selected_punk.mirror if @mirror selected_punk = selected_punk.flip if @flip selected_punk = selected_punk.zoom(@zoom.to_i) if @style == STYLES.first selected_punk.save(image_location) @image_label.image = image_location @message_entry.text = image_location @previous_style = @style notify_observers(:zoom) if @zoom != @original_zoom end def create_gui @root = root { title 'CryptoPunks GUI' iconphoto File.expand_path('../icons/cryptopunks-gui.png', __dir__) frame { label { text 'Select Punk Index and Zoom To Mint Cryptopunk' font weight: 'bold' } label { text 'Punk Index:' } spinbox { from 0 to @punks.size - 1 text <=> [self, :punk_index] } label { text 'Zoom:' } spinbox { from 1 to 72 text <=> [self, :zoom] } label { text 'Palette:' } combobox { readonly true text <=> [self, :palette] } label { text 'Style:' } combobox { readonly true text <=> [self, :style, after_write: ->(val) {add_style_options}] } @style_options_frame = frame { padding 0 } frame { padding 0 checkbutton { grid row: 0, column: 0, column_weight: 0 variable <=> [self, :mirror] } label { grid row: 0, column: 1 text 'Mirror' on('Button-1') do self.mirror = !mirror end } checkbutton { grid row: 0, column: 2 variable <=> [self, :flip] } label { grid row: 0, column: 3 text 'Flip' on('Button-1') do self.flip = !flip end } } label { text 'Output Location:' } @message_entry = entry { readonly true } @image_label = label { grid row_weight: 1 } } } end def add_style_options @style_options_frame.content { @style_options_frame.children.each(&:destroy) if @style == 'Led' frame { padding 0 label { grid row: 0, column: 0, column_weight: 0 text 'Spacing:' } spinbox { grid row: 0, column: 1 from 1 to 72 text <=> [self, :led_spacing] } checkbutton { grid row: 0, column: 2 variable <=> [self, :led_round_corner] } label { grid row: 0, column: 3 text 'Round Corner' on('Button-1') do self.led_round_corner = !led_round_corner end } } elsif @style == 'Sketch' frame { padding 0 label { grid row: 0, column: 0, column_weight: 0 text 'Line:' } spinbox { grid row: 0, column: 1 from 1 to 72 text <=> [self, :sketch_line] } } else frame { # filler padding 0 height 0 width 0 } end } end end CryptopunksGui.new.launch

Find the sources at github @ AndyObtiva/cryptopunks-gui