glimmer-dsl-libui 0.2.9 → 0.2.13

data/VERSION

@@ -1 +1 @@
-0.2.9
+0.2.13

data/bin/girb_runner.rb

@@ -27,7 +27,7 @@ require_relative '../lib/glimmer-dsl-libui'
 
 include Glimmer
 
-GIRB_RUNNER_EXIT_FILE = "#{Etc.getpwuid.dir}/.girb_runner_exit"
+GIRB_RUNNER_EXIT_FILE = "#{Dir.home}/.girb_runner_exit"
 FileUtils.rm_rf GIRB_RUNNER_EXIT_FILE
 
 @exit_method = method(:exit)

data/examples/area_gallery.rb

@@ -7,14 +7,15 @@ window('Area Gallery', 400, 400) {
     path { # declarative stable path
       square(0, 0, 100)
       square(100, 100, 400)
-      
+
       fill r: 102, g: 102, b: 204
     }
     path { # declarative stable path
       rectangle(0, 100, 100, 400)
       rectangle(100, 0, 400, 100)
-      
-      fill r: 204, g: 102, b: 204
+
+      # linear gradient (has x0, y0, x1, y1, and stops)
+      fill x0: 10, y0: 10, x1: 350, y1: 350, stops: [{pos: 0.25, r: 204, g: 102, b: 204}, {pos: 0.75, r: 102, g: 102, b: 204}]
     }
     path { # declarative stable path
       figure(100, 100) {
@@ -40,17 +41,26 @@ window('Area Gallery', 400, 400) {
       fill r: 202, g: 102, b: 204, a: 0.5
       stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
     }
-    path { # declarative stable path
-      circle(200, 200, 90)
-
-      fill r: 202, g: 102, b: 204, a: 0.5
-      stroke r: 0, g: 0, b: 0, thickness: 2
-    }
-    path { # declarative stable path
-      arc(400, 220, 180, 90, 90, false)
-
-      fill r: 204, g: 102, b: 204, a: 0.5
-      stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
+    unless OS.windows?
+      path { # declarative stable path
+        arc(400, 220, 180, 90, 90, false)
+  
+        # radial gradient (has an outer_radius in addition to x0, y0, x1, y1, and stops)
+        fill outer_radius: 90, x0: 0, y0: 0, x1: 500, y1: 500, stops: [{pos: 0.25, r: 102, g: 102, b: 204, a: 0.5}, {pos: 0.75, r: 204, g: 102, b: 204}]
+        stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
+      }
+      path { # declarative stable path
+        circle(200, 200, 90)
+  
+        fill r: 202, g: 102, b: 204, a: 0.5
+        stroke r: 0, g: 0, b: 0, thickness: 2
+      }
+    end
+    text(160, 40, 100) { # x, y, width
+      string('Area Gallery') {
+        font family: 'Times', size: 14
+        color :black
+      }
     }
     
     on_mouse_event do |area_mouse_event|

data/examples/area_gallery2.rb

@@ -32,7 +32,8 @@ window('Area Gallery', 400, 400) {
         height 100
       }
       
-      fill r: 204, g: 102, b: 204
+      # linear gradient (has x0, y0, x1, y1, and stops)
+      fill x0: 10, y0: 10, x1: 350, y1: 350, stops: [{pos: 0.25, r: 204, g: 102, b: 204}, {pos: 0.75, r: 102, g: 102, b: 204}]
     }
     path { # declarative stable path
       figure {
@@ -94,28 +95,43 @@ window('Area Gallery', 400, 400) {
       fill r: 202, g: 102, b: 204, a: 0.5
       stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
     }
-    path { # declarative stable path
-      circle {
-        x_center 200
-        y_center 200
-        radius 90
+    unless OS.windows?
+      path { # declarative stable path
+        arc {
+          x_center 400
+          y_center 220
+          radius 180
+          start_angle 90
+          sweep 90
+          is_negative false
+        }
+  
+        # radial gradient (has an outer_radius in addition to x0, y0, x1, y1, and stops)
+        fill outer_radius: 90, x0: 0, y0: 0, x1: 500, y1: 500, stops: [{pos: 0.25, r: 102, g: 102, b: 204, a: 0.5}, {pos: 0.75, r: 204, g: 102, b: 204}]
+        stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
       }
-
-      fill r: 202, g: 102, b: 204, a: 0.5
-      stroke r: 0, g: 0, b: 0, thickness: 2
-    }
-    path { # declarative stable path
-      arc {
-        x_center 400
-        y_center 220
-        radius 180
-        start_angle 90
-        sweep 90
-        is_negative false
+      path { # declarative stable path
+        circle {
+          x_center 200
+          y_center 200
+          radius 90
+        }
+  
+        fill r: 202, g: 102, b: 204, a: 0.5
+        stroke r: 0, g: 0, b: 0, thickness: 2
+      }
+    end
+    text {
+      x 160
+      y 40
+      width 100
+      
+      string {
+        font family: 'Times', size: 14
+        color :black
+        
+        'Area Gallery'
       }
-
-      fill r: 204, g: 102, b: 204, a: 0.5
-      stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
     }
     
     on_mouse_event do |area_mouse_event|

data/examples/area_gallery3.rb

@@ -15,7 +15,8 @@ window('Area Gallery', 400, 400) {
         rectangle(0, 100, 100, 400)
         rectangle(100, 0, 400, 100)
 
-        fill r: 204, g: 102, b: 204
+        # linear gradient (has x0, y0, x1, y1, and stops)
+        fill x0: 10, y0: 10, x1: 350, y1: 350, stops: [{pos: 0.25, r: 204, g: 102, b: 204}, {pos: 0.75, r: 102, g: 102, b: 204}]
       }
       path { # a dynamic path is added semi-declaratively inside on_draw block
         figure(100, 100) {
@@ -41,17 +42,26 @@ window('Area Gallery', 400, 400) {
         fill r: 202, g: 102, b: 204, a: 0.5
         stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
       }
-      path { # a dynamic path is added semi-declaratively inside on_draw block
-        circle(200, 200, 90)
-  
-        fill r: 202, g: 102, b: 204, a: 0.5
-        stroke r: 0, g: 0, b: 0, thickness: 2
-      }
-      path { # a dynamic path is added semi-declaratively inside on_draw block
-        arc(400, 220, 180, 90, 90, false)
-  
-        fill r: 204, g: 102, b: 204, a: 0.5
-        stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
+      unless OS.windows?
+        path { # a dynamic path is added semi-declaratively inside on_draw block
+          arc(400, 220, 180, 90, 90, false)
+    
+          # radial gradient (has an outer_radius in addition to x0, y0, x1, y1, and stops)
+          fill outer_radius: 90, x0: 0, y0: 0, x1: 500, y1: 500, stops: [{pos: 0.25, r: 102, g: 102, b: 204, a: 0.5}, {pos: 0.75, r: 204, g: 102, b: 204}]
+          stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
+        }
+        path { # a dynamic path is added semi-declaratively inside on_draw block
+          circle(200, 200, 90)
+    
+          fill r: 202, g: 102, b: 204, a: 0.5
+          stroke r: 0, g: 0, b: 0, thickness: 2
+        }
+      end
+      text(160, 40, 100) { # x, y, width
+        string('Area Gallery') {
+          font family: 'Times', size: 14
+          color :black
+        }
       }
     end
     

data/examples/area_gallery4.rb

@@ -33,7 +33,8 @@ window('Area Gallery', 400, 400) {
           height 100
         }
         
-        fill r: 204, g: 102, b: 204
+        # linear gradient (has x0, y0, x1, y1, and stops)
+        fill x0: 10, y0: 10, x1: 350, y1: 350, stops: [{pos: 0.25, r: 204, g: 102, b: 204}, {pos: 0.75, r: 102, g: 102, b: 204}]
       }
       path { # a dynamic path is added semi-declaratively inside on_draw block
         figure {
@@ -95,28 +96,43 @@ window('Area Gallery', 400, 400) {
         fill r: 202, g: 102, b: 204, a: 0.5
         stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
       }
-      path { # a dynamic path is added semi-declaratively inside on_draw block
-        circle {
-          x_center 200
-          y_center 200
-          radius 90
+      unless OS.windows?
+        path { # a dynamic path is added semi-declaratively inside on_draw block
+          arc {
+            x_center 400
+            y_center 220
+            radius 180
+            start_angle 90
+            sweep 90
+            is_negative false
+          }
+    
+          # radial gradient (has an outer_radius in addition to x0, y0, x1, y1, and stops)
+          fill outer_radius: 90, x0: 0, y0: 0, x1: 500, y1: 500, stops: [{pos: 0.25, r: 102, g: 102, b: 204, a: 0.5}, {pos: 0.75, r: 204, g: 102, b: 204}]
+          stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
         }
-  
-        fill r: 202, g: 102, b: 204, a: 0.5
-        stroke r: 0, g: 0, b: 0, thickness: 2
-      }
-      path { # a dynamic path is added semi-declaratively inside on_draw block
-        arc {
-          x_center 400
-          y_center 220
-          radius 180
-          start_angle 90
-          sweep 90
-          is_negative false
+        path { # a dynamic path is added semi-declaratively inside on_draw block
+          circle {
+            x_center 200
+            y_center 200
+            radius 90
+          }
+    
+          fill r: 202, g: 102, b: 204, a: 0.5
+          stroke r: 0, g: 0, b: 0, thickness: 2
+        }
+      end
+      text {
+        x 160
+        y 40
+        width 100
+        
+        string {
+          font family: 'Times', size: 14
+          color :black
+          
+          'Area Gallery'
         }
-  
-        fill r: 204, g: 102, b: 204, a: 0.5
-        stroke r: 0, g: 0, b: 0, thickness: 2, dashes: [50, 10, 10, 10], dash_phase: -50.0
       }
     end
     

data/examples/basic_draw_text2.rb

@@ -16,7 +16,6 @@ class BasicDrawText
       else
         color r: 0, g: 128, b: 0, a: 0.7
       end
-      
       block.call + "\n\n"
     }
   end

data/examples/basic_table_button.rb

@@ -12,7 +12,7 @@ data = [
   %w[cow moo delete]
 ]
 
-window('Animal sounds', 300, 200) {
+window('Animal sounds', 400, 200) {
   horizontal_box {
     table {
       text_column('Animal')
@@ -27,6 +27,7 @@ window('Animal sounds', 300, 200) {
       
       on_changed do |row, type, row_data|
         puts "Row #{row} #{type}: #{row_data}"
+        $stdout.flush
       end
     }
   }

data/examples/basic_table_checkbox.rb

@@ -12,7 +12,7 @@ data = [
   ['cow', 'moo', true]
 ]
 
-window('Animal sounds', 300, 200) {
+window('Animal sounds', 400, 200) {
   horizontal_box {
     table {
       text_column('Animal')

data/examples/basic_table_image.rb

@@ -14,6 +14,7 @@ IMAGE_ROWS = []
 50.times do |i|
   url = format('https://www.ghibli.jp/gallery/thumb-redturtle%03d.png', (i + 1))
   puts "Processing Image: #{url}"
+  $stdout.flush # for Windows
   f = URI.open(url)
   canvas = ChunkyPNG::Canvas.from_io(f)
   f.close

data/examples/basic_table_image_text.rb

@@ -14,6 +14,7 @@ IMAGE_ROWS = []
 5.times do |i|
   url = format('https://www.ghibli.jp/gallery/thumb-redturtle%03d.png', (i + 1))
   puts "Processing Image: #{url}"
+  $stdout.flush # for Windows
   f = URI.open(url)
   canvas = ChunkyPNG::Canvas.from_io(f)
   f.close

data/examples/color_button.rb

@@ -6,6 +6,8 @@ include Glimmer
 
 window('color button', 230) {
   color_button { |cb|
+    color :blue
+    
     on_changed do
       rgba = cb.color
       p rgba

data/examples/{color_the_circles.rb → color_the_shapes.rb}

@@ -1,28 +1,29 @@
 require 'glimmer-dsl-libui'
 
-class ColorTheCircles
+class ColorTheShapes
   include Glimmer
   
   WINDOW_WIDTH = 800
   WINDOW_HEIGHT = 600
-  CIRCLE_MIN_RADIUS = 15
-  CIRCLE_MAX_RADIUS = 50
+  SHAPE_MIN_SIZE = 15
+  SHAPE_MAX_SIZE = 100
   MARGIN_WIDTH = 55
   MARGIN_HEIGHT = 155
   TIME_MAX_EASY = 4
   TIME_MAX_MEDIUM = 3
   TIME_MAX_HARD = 2
   TIME_MAX_INSANE = 1
+  SHAPES = ['square'] + (OS.windows? ? [] : ['circle'])
   
   attr_accessor :score
   
   def initialize
-    @circles_data = []
+    @shapes_data = []
     @score = 0
     @time_max = TIME_MAX_HARD
     @game_over = false
     register_observers
-    setup_circle_factory
+    setup_shape_factory
   end
   
   def register_observers
@@ -41,14 +42,14 @@ class ColorTheCircles
     observer.observe(self, :score) # automatically enhances self to become Glimmer::DataBinding::ObservableModel and notify observer on score attribute changes
   end
   
-  def setup_circle_factory
+  def setup_shape_factory
     consumer = Proc.new do
       unless @game_over
-        if @circles_data.empty?
-          # start with 3 circles to make more challenging
-          add_circle until @circles_data.size > 3
+        if @shapes_data.empty?
+          # start with 3 shapes to make more challenging
+          add_shape until @shapes_data.size > 3
         else
-          add_circle
+          add_shape
         end
       end
       delay = rand * @time_max
@@ -57,13 +58,13 @@ class ColorTheCircles
     Glimmer::LibUI.queue_main(&consumer)
   end
   
-  def add_circle
-    circle_x_center = rand * (WINDOW_WIDTH - MARGIN_WIDTH - CIRCLE_MAX_RADIUS) + CIRCLE_MAX_RADIUS
-    circle_y_center = rand * (WINDOW_HEIGHT - MARGIN_HEIGHT - CIRCLE_MAX_RADIUS) + CIRCLE_MAX_RADIUS
-    circle_radius = rand * (CIRCLE_MAX_RADIUS - CIRCLE_MIN_RADIUS) + CIRCLE_MIN_RADIUS
+  def add_shape
+    shape_x = rand * (WINDOW_WIDTH - MARGIN_WIDTH - SHAPE_MAX_SIZE) + SHAPE_MAX_SIZE
+    shape_y = rand * (WINDOW_HEIGHT - MARGIN_HEIGHT - SHAPE_MAX_SIZE) + SHAPE_MAX_SIZE
+    shape_size = rand * (SHAPE_MAX_SIZE - SHAPE_MIN_SIZE) + SHAPE_MIN_SIZE
     stroke_color = Glimmer::LibUI.x11_colors.sample
-    @circles_data << {
-      args: [circle_x_center, circle_y_center, circle_radius],
+    @shapes_data << {
+      args: [shape_x, shape_y, shape_size],
       fill: nil,
       stroke: stroke_color
     }
@@ -73,29 +74,29 @@ class ColorTheCircles
   
   def restart_game
     @score = 0 # update variable directly to avoid notifying observers
-    @circles_data.clear
+    @shapes_data.clear
     @game_over = false
   end
   
-  def color_circle(x, y)
-    clicked_circle_data = @circles_data.find do |circle_data|
-      circle_data[:fill].nil? && circle_data[:circle].include?(x, y)
+  def color_shape(x, y)
+    clicked_shape_data = @shapes_data.find do |shape_data|
+      shape_data[:fill].nil? && shape_data[:shape]&.include?(x, y)
     end
-    if clicked_circle_data
-      clicked_circle_data[:fill] = clicked_circle_data[:stroke]
-      push_colored_circle_behind_uncolored_circles(clicked_circle_data)
+    if clicked_shape_data
+      clicked_shape_data[:fill] = clicked_shape_data[:stroke]
+      push_colored_shape_behind_uncolored_shapes(clicked_shape_data)
       @area.queue_redraw_all
       self.score += 1 # notifies score observers automatically of change
     end
   end
   
-  def push_colored_circle_behind_uncolored_circles(colored_circle_data)
-    removed_colored_circle_data = @circles_data.delete(colored_circle_data)
-    last_colored_circle_data = @circles_data.select {|cd| cd[:fill]}.last
-    last_colored_circle_data_index = @circles_data.index(last_colored_circle_data) || -1
-    @circles_data.insert(last_colored_circle_data_index + 1, removed_colored_circle_data)
+  def push_colored_shape_behind_uncolored_shapes(colored_shape_data)
+    removed_colored_shape_data = @shapes_data.delete(colored_shape_data)
+    last_colored_shape_data = @shapes_data.select {|cd| cd[:fill]}.last
+    last_colored_shape_data_index = @shapes_data.index(last_colored_shape_data) || -1
+    @shapes_data.insert(last_colored_shape_data_index + 1, removed_colored_shape_data)
   end
-  
+
   def launch
     menu('Actions') {
       menu_item('Restart') {
@@ -138,12 +139,12 @@ class ColorTheCircles
     menu('Help') {
       menu_item('Instructions') {
         on_clicked do
-          msg_box('Instructions', "Score goes down as circles are added.\nIf it reaches -20, you lose!\n\nClick circles to color and score!\nOnce score reaches 0, you win!\n\nBeware of concealed light-colored circles!\nThey are revealed once darker circles intersect them.\n\nThere are four levels of difficulty.\nChange via difficulty menu if the game gets too tough.")
+          msg_box('Instructions', "Score goes down as shapes are added.\nIf it reaches -20, you lose!\n\nClick shapes to color and score!\nOnce score reaches 0, you win!\n\nBeware of concealed light-colored shapes!\nThey are revealed once darker shapes intersect them.\n\nThere are four levels of difficulty.\nChange via difficulty menu if the game gets too tough.")
         end
       }
     }
     
-    window('Color The Circles', WINDOW_WIDTH, WINDOW_HEIGHT) {
+    window('Color The Shapes', WINDOW_WIDTH, WINDOW_HEIGHT) {
       margined true
       
       grid {
@@ -157,13 +158,13 @@ class ColorTheCircles
           end
         }
         
-        label('Score goes down as circles are added. If it reaches -20, you lose!') {
+        label('Score goes down as shapes are added. If it reaches -20, you lose!') {
           left 0
           top 1
           halign :center
         }
         
-        label('Click circles to color and score! Once score reaches 0, you win!') {
+        label('Click shapes to color and score! Once score reaches 0, you win!') {
           left 0
           top 2
           halign :center
@@ -190,26 +191,26 @@ class ColorTheCircles
           vexpand true
           halign :fill
           valign :fill
-          
+
           on_draw do |area_draw_params|
             path {
               rectangle(0, 0, WINDOW_WIDTH, WINDOW_HEIGHT)
-              
+
               fill :white
             }
-            
-            @circles_data.each do |circle_data|
+
+            @shapes_data.each do |shape_data|
               path {
-                circle_data[:circle] = circle(*circle_data[:args])
-                
-                fill circle_data[:fill]
-                stroke circle_data[:stroke]
+                shape_data[:shape] = send(SHAPES.sample, *shape_data[:args])
+
+                fill shape_data[:fill]
+                stroke shape_data[:stroke]
               }
             end
           end
-          
+
           on_mouse_down do |area_mouse_event|
-            color_circle(area_mouse_event[:x], area_mouse_event[:y])
+            color_shape(area_mouse_event[:x], area_mouse_event[:y])
           end
         }
       }
@@ -217,4 +218,4 @@ class ColorTheCircles
   end
 end
 
-ColorTheCircles.new.launch
+ColorTheShapes.new.launch

data/examples/control_gallery.rb

@@ -9,6 +9,7 @@ menu('File') {
     on_clicked do
       file = open_file
       puts file unless file.nil?
+      $stdout.flush # for Windows
     end
   }
 
@@ -16,6 +17,7 @@ menu('File') {
     on_clicked do
       file = save_file
       puts file unless file.nil?
+      $stdout.flush # for Windows
     end
   }
   
@@ -98,6 +100,7 @@ MAIN_WINDOW = window('Control Gallery', 600, 500) {
 
               on_changed do |s|
                 puts "New Spinbox value: #{s.value}"
+                $stdout.flush # for Windows
               end
             }
 
@@ -107,6 +110,7 @@ MAIN_WINDOW = window('Control Gallery', 600, 500) {
               on_changed do |s|
                 v = s.value
                 puts "New Slider value: #{v}"
+                $stdout.flush # for Windows
                 @progress_bar.value = v
               end
             }
@@ -125,6 +129,7 @@ MAIN_WINDOW = window('Control Gallery', 600, 500) {
 
               on_selected do |c|
                 puts "New combobox selection: #{c.selected}"
+                $stdout.flush # for Windows
               end
             }
 
@@ -147,6 +152,7 @@ MAIN_WINDOW = window('Control Gallery', 600, 500) {
 
                 on_changed do |e|
                   puts "Current textbox data: '#{e.text}'"
+                  $stdout.flush # for Windows
                 end
               }
             }

data/examples/editable_table.rb

@@ -23,10 +23,12 @@ window('Editable animal sounds', 300, 200) {
       
       on_changed do |row, type, row_data| # fires on all changes (even ones happening through data array)
         puts "Row #{row} #{type}: #{row_data}"
+        $stdout.flush
       end
       
       on_edited do |row, row_data| # only fires on direct table editing
         puts "Row #{row} edited: #{row_data}"
+        $stdout.flush
       end
     }
   }

data/examples/form.rb

@@ -16,11 +16,21 @@ window('Form') {
       @last_name_entry = entry {
         label 'Last Name' # label property is available when control is nested under form
       }
+      
+      @phone_entry = entry {
+        label 'Phone' # label property is available when control is nested under form
+      }
+      
+      @email_entry = entry {
+        label 'Email' # label property is available when control is nested under form
+      }
     }
     
-    button('Display Name') {
+    button('Display Info') {
+      stretchy false
+      
       on_clicked do
-        msg_box('Name', "#{@first_name_entry.text} #{@last_name_entry.text}")
+        msg_box('Info', "#{@first_name_entry.text} #{@last_name_entry.text} has phone #{@phone_entry.text} and email #{@email_entry.text}")
       end
     }
   }