shoes 4.0.0.pre11 → 4.0.0.pre12

data/samples/simple_logo_display.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+Shoes.app title: 'Shoes 4 Logo Icon!', width: 310, height: 420 do
+  stack do
+    path = File.join(Shoes::DIR, 'static/shoes-icon.png')
+    image path
+    flow do
+      image path
+      image path
+    end
+    stack do
+      image path
+      para ' ' * 20 + 'Powered by JRuby and SWT!'
+    end
+  end
+end

data/samples/simple_loogink_cy.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+class PhotoFrame < Shoes
+  url '/',        :index
+  url '/cy',      :cy
+  url '/loogink', :loogink
+
+  def index
+    send(['loogink', 'cy'].sample)
+  end
+
+  def loogink
+    display tomato, white, "Loogink", "Cy", "She is Loogink"
+  end
+
+  def cy
+    display paleturquoise, gray, "Cy", "Loogink", "He is Cy"
+  end
+
+  def display(bg_color, fg_color, name, other, message)
+    background bg_color
+    stack do
+      inscription 'Shoes 4', left: 80
+      image File.expand_path(File.join(__FILE__, "../#{name.downcase}.png")),
+            left: 75, top: 25
+      para fg(strong(message), fg_color),
+           '  ->',
+           link(strong(other), click: "/#{other.downcase}"),
+           left: 35, top: 85
+    end
+  end
+end
+
+Shoes.app width: 200, height: 120, title: 'Photo Frame'

data/samples/simple_lorem_ipsum.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+TEXT = <<EOS
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, \
+sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris \
+nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in \
+reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    Excepteur sint occaecat cupidatat non proident, sunt in \
+culpa qui officia deserunt mollit anim id est laborum.
+EOS
+
+NL = "\n\n"
+
+Shoes.app do
+  lines = TEXT.split("\n")
+  para lines[0], NL
+  para lines[1], NL, justify: true
+  para lines[2], NL, leading: 0
+end

data/samples/simple_manual.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+require 'shoes/manual'
+
+Shoes::Manual.run 'English'
+# Shoes.show_manual 'Japanese'

data/samples/simple_menu.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+class MenuPanel < Shoes::Widget
+  def self.boxes
+    @boxes ||= []
+  end
+
+  def boxes
+    self.class.boxes
+  end
+
+  def initialize_widget(color, _args)
+    boxes << self
+    background color
+    para link("Box #{boxes.length}", fg: white, fill: nil, click: "/"),
+         margin: 18, align: "center", size: 20
+    hover { expand }
+  end
+
+  def expand
+    if width < 170
+      a = animate 30 do
+        boxes.each do |b|
+          b.width -= 5 if (b != self) && b.width > 140
+        end
+        self.width += 5
+        a.stop if self.width >= 170
+      end
+    end
+  end
+end
+
+Shoes.app width: 600, height: 130 do
+  style(Shoes::Link, underline: nil)
+
+  # hover styling currently a no-op https://github.com/shoes/shoes4/issues/638
+  style(Shoes::LinkHover, fill: nil, underline: nil)
+
+  menu_panel green,  width: 170, height: 120, margin: 4
+  menu_panel blue,   width: 140, height: 120, margin: 4
+  menu_panel red,    width: 140, height: 120, margin: 4
+  menu_panel purple, width: 140, height: 120, margin: 4
+end

data/samples/simple_mouse_follow.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+Shoes.app width: 200, height: 200 do
+  background black
+  fill white
+  @circ = oval 0, 0, 100
+  motion do |top, left|
+    @circ.move top - 50, left - 50
+  end
+end

data/samples/simple_oval.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+Shoes.app do
+  oval 100, 100, 100, 50
+  oval 200, 200, radius: 50
+  oval 300, 300, diameter: 100
+end

data/samples/simple_polygon_line.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+Shoes.app width: 300, height: 300 do
+  COLORS = Shoes::COLORS
+  i = 45
+  button 'new' do
+    i += 5
+    box = rand(2).zero? ? rect(i, i, 20) : oval(i, i, 20)
+    box.style fill: send(COLORS.keys[rand(COLORS.keys.size)])
+    @flag = false
+
+    box.click do
+      @flag = true
+      @box = box
+    end
+
+    box.release { @flag = false }
+  end
+  motion { |left, top| @box.move(left - 10, top - 10) if @flag }
+end

data/samples/simple_position_as_we_go.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+Shoes.app do
+  stack do
+    @p = para "Things get placed"
+    @b = button "as we go"
+
+    para "#{@p.element_left}, #{@p.element_top} -> #{@p.width}, #{@p.height}"
+    para "#{@b.element_left}, #{@b.element_top} -> #{@b.width}, #{@b.height}"
+  end
+end

data/samples/simple_progress_bar.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+Shoes.app height: 200 do
+  stack margin_left: 10 do
+    title 'Progress Example'
+    @p = para
+  end
+
+  pg = progress width: width - 20, height: 20
+  pg.move 10, 100
+  animate do |i|
+    j = i % 100 + 1
+    pg.fraction = j / 100.0
+    @p.text = format("%2d%", (pg.fraction * 100))
+  end
+end

data/samples/simple_random_bubbles.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+class Range
+  def rand
+    Random.new.rand self
+  end
+end
+
+Shoes.app width: 300, height: 400 do
+  fill rgb(0, 0.6, 0.9, 0.1)
+  stroke rgb(0, 0.6, 0.9, 0.3)
+  strokewidth 1
+  100.times do
+    oval left: rand(-30..width), top: rand(-30..height), diameter: rand(25..100)
+  end
+end

data/samples/simple_require.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+#
+# This app tests that we are correctly setting load paths so files relative to
+# the executing directory can be required withour require_relative shenanigans.
+require 'lib/require_me'
+
+Shoes.app do
+  para RequireMe.message
+end

data/samples/simple_sample_executor.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+Shoes.app width: 650, height: 32 do
+  path = File.expand_path(File.join(__FILE__, ".."))
+  %w(simple_altered_para simple_border_image simple_breadsticks simple_buttons).each do |name|
+    button(name) { load "#{path}/#{name}.rb" }
+  end
+end

data/samples/simple_sample_executor_all.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+Shoes.app title: 'Samples Executor', width: 540, height: 640 do
+  BUTTON_HEIGHT = 20
+
+  samples = File.join(File.dirname(__FILE__), "*.rb")
+
+  stack do
+    Dir.glob(samples).sort.each_with_index do |file, index|
+      button = button(File.basename(file)) { load file }
+
+      button.style top: (BUTTON_HEIGHT * index), height: BUTTON_HEIGHT
+    end
+  end
+end

data/samples/simple_sesame_street_shoes.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+Shoes.app width: 300, height: 100 do
+  background forestgreen, curve: 30
+  border gold, strokewidth: 5, curve: 30
+  subtitle fg(strong('Shoes Shoes Shoes'), white), align: 'center'
+end

data/samples/simple_shoes_intro.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+Shoes.app width: 700, height: 600 do
+  title "Shoes is a ", link("tiny") { alert "Cool!" }, " graphics toolkit. "
+
+  flow width: 0.4 do
+    image File.join(Shoes::DIR, 'static/shoes-icon.png'),
+          click: ->() { alert "You're soooo quick!" }
+  end
+
+  flow width: 0.6 do
+    tagline "It's simple and straightforward. ",
+            link("Shoes ") { alert "Yay!" },
+            "was born to be easy! ",
+            link("Shoes ") { alert "Yay!" },
+            "was born to be easy! ",
+            link("Shoes ") { alert "Yay!" },
+            "was born to be easy! ",
+            "Really, it was made for absolute beginners. "
+  end
+
+  subtitle link(strong(em("There's ", fg(bg("really ", "really ", yellow), "#f00"), "nothing to it. "))) { alert "Have fun!" }
+end

data/samples/simple_slide.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+#
+# mimicking the mootools demo for Fx.Slide
+# http://demos.mootools.net/Fx.Slide
+#
+Shoes.app do
+  def stop_anim
+    @anim.stop
+    @anim = nil
+  end
+
+  def slide_anim(&blk)
+    stop_anim if @anim
+    @anim = animate 30, &blk
+  end
+
+  def slide_out(slot)
+    slide_anim do |i|
+      slot.height = 150 - (i * 3)
+      slot.contents[0].top = -i * 3
+      if slot.height.zero?
+        stop_anim
+        slot.hide
+      end
+    end
+  end
+
+  def slide_in(slot)
+    slot.show
+    slide_anim do |i|
+      slot.height = i * 6
+      slot.contents[0].top = slot.height - 150
+      stop_anim if slot.height == 150
+    end
+  end
+
+  background white
+  stack margin: 10 do
+    para link("slide out") { slide_out @lipsum }, " | ",
+         link("slide in") { slide_in @lipsum }
+    @lipsum = stack width: 1.0, height: 150 do
+      stack do
+        background "#ddd"
+        border "#eee", strokewidth: 5
+        para "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed " \
+               "do eiusmod tempor incididunt ut labore et dolore magna " \
+               "aliqua. Ut enim ad minim veniam, quis nostrud exercitation " \
+               "ullamco laboris nisi ut aliquip ex ea commodo consequat. " \
+               "Duis aute irure dolor in reprehenderit in voluptate velit " \
+               "esse cillum dolore eu fugiat nulla pariatur. Excepteur sint " \
+               "occaecat cupidatat non proident, sunt in culpa qui officia " \
+               "deserunt mollit anim id est laborum.",
+             margin: 10
+      end
+    end
+  end
+end

data/samples/simple_stack_flow_buttons.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+Shoes.app do
+  flow(width: 300) { 3.times { |i| button "hello#{i}" } }
+  stack(width: 100) { 3.times { |i| button "hello#{i}" } }
+  button 'bye bye1'
+  flow(width: 0.5) { 2.times { flow(width: 0.5) { 2.times { |j| button "Yayyyy#{j}" } } } }
+  flow(width: 0.3) { button 'go go go go go' }
+
+  stack(width: 0.3) do
+    edit_line
+    3.times { para 'hello' }
+  end
+
+  flow(width: 0.3) { image File.join(Shoes::DIR, 'static/shoes-icon.png') }
+  button 'bye bye2'
+end

data/samples/simple_stripes.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+Shoes.app do
+  spacing = 20
+
+  50.times do |i|
+    line(0, spacing * i, 1000, 1000 + (spacing * i))
+    line(spacing * (i + 1), 0, 1000 + (spacing * (i + 1)), 1000)
+  end
+end

data/samples/simple_system_background.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+Shoes.app do
+  fill system_background
+  title "This should be in the default system background color for your OS", align: 'center'
+end

data/samples/simple_text_movement.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+Shoes.app width: 400, height: 300 do
+  el = edit_line text: 'Hello Shoes 4' do |s|
+    @msg.text = s.text
+  end
+  button('move at random') { @msg.move rand(200), 50 + rand(200) }
+  @msg = para el.text
+end

data/samples/simple_tictactoe.rb

@@ -0,0 +1,224 @@
+# frozen_string_literal: true
+# Size module
+# Change these constants to change the size of the board.
+module SIZE
+  PADDING = 10
+  TIC_SIZE = 60
+  B_RADIUS = 5
+  WIDTH = HEIGHT = (PADDING * 4) + (TIC_SIZE * 5)
+end
+
+class Tic
+  attr_reader :x, :y, :checked, :rect, :player
+
+  def initialize(tic)
+    @rect = tic[0]
+    @x = tic[1]
+    @y = tic[2]
+    @player = false
+    @checked = false
+  end
+
+  def check
+    @checked = true
+  end
+
+  def reset
+    @player = false
+    @checked = false
+    @rect.style fill: '#000000'
+  end
+
+  def player=(symbol)
+    @player = symbol
+    if symbol == 'X'
+      @rect.style fill: '#00FFFF'
+    else
+      @rect.style fill: '#FFFF44'
+    end
+  end
+end
+
+# Mostly keeps track of the Player.
+# 'class Player' would imply two.
+class Game
+  def initialize(player_label)
+    @player = false
+    @label = player_label
+  end
+
+  def restart
+    (@player = true) && toggle_player # English syntax!
+  end
+
+  def toggle_player
+    @player = !@player
+    @label.text = player_turn
+  end
+
+  def player_symbol
+    @player ? 'X' : 'O'
+  end
+
+  def player_color
+    @player ? "Yellow" : "Blue"
+  end
+
+  def player_turn
+    "#{player_color}'s Turn"
+  end
+
+  def player_win
+    @player = !@player
+    "#{player_color} won!"
+  end
+end
+
+# Organizes the Tics and
+# checks for winning configurations
+class Board
+  attr_reader :game
+
+  def initialize(tics, player_label)
+    @tics = []
+    @over = false
+    @game = Game.new player_label
+
+    tics.each do |tic| # Each tic in this array is of the format: [rect, x, y]
+      @tics << Tic.new(tic)
+    end
+  end
+
+  # Actions for each of the tic's rectangle
+  def set_tic_actions
+    @tics.each do |tic|
+      tic.rect.click do
+        unless tic.checked || @over
+          @game.toggle_player
+          tic.player = @game.player_symbol
+          tic.check
+          if check_if_over
+            show_screen(game.player_win)
+          elsif full?
+            show_screen("Cat's Game!")
+          end
+        end
+      end
+    end
+  end
+
+  def check_if_over
+    (1..3).any? { |i| all_checked?(row(i)) || all_checked?(column(i)) } ||
+      all_checked?(diagonal1) ||
+      all_checked?(diagonal2)
+  end
+
+  # Takes an array and tells if each Tic has been checked by the same player
+  def all_checked?(array)
+    if array[0].checked
+      array[0].player == array[1].player && array[1].player == array[2].player
+    else
+      false
+    end
+  end
+
+  # In this case, the screen is the
+  # end screen, including the transparent
+  # black panel and its buttons.
+  def screen=(screen)
+    @screen = screen
+  end
+
+  def clear_screen
+    @screen.each(&:hide)
+  end
+
+  def show_screen(title)
+    @over = true
+    @screen.each(&:show)
+    @screen[0].text = title
+  end
+
+  def restart
+    clear_screen
+    @over = false
+    @tics.each(&:reset)
+    game.restart
+  end
+
+  def row(x)
+    @tics.select { |tic| tic.x == x }
+  end
+
+  def column(y)
+    @tics.select { |tic| tic.y == y }
+  end
+
+  def diagonal1
+    tics = []
+    (1..3).each do |i|
+      tics.concat(@tics.select { |tic| tic.x == i && tic.y == i })
+    end
+    tics
+  end
+
+  def diagonal2
+    tics = []
+    (1..3).each do |i|
+      tics.concat(@tics.select { |tic| tic.x == i && tic.y == (4 - i) })
+    end
+    tics
+  end
+
+  def full?
+    @tics.select(&:checked).length == 9
+  end
+end
+
+# Main GUI App
+Shoes.app width: SIZE::WIDTH, height: SIZE::HEIGHT, title: 'Tic Tac Toe' do
+  background gradient(slategray, slateblue)
+
+  stroke white
+
+  title 'Tic Tac Toe', align: 'center', family: 'Lacuna', top: 10
+
+  flow bottom: 10 do
+    @player_label = para "Blue's Turn", size: 20, align: 'center'
+  end
+
+  stroke black
+
+  # The making of the Tic rectangles, along with a record of their coordinates.
+  tics = []
+  (1..3).each do |i|
+    (1..3).each do |j|
+      rectangle = rect((SIZE::PADDING + SIZE::TIC_SIZE) * i, (SIZE::PADDING + SIZE::TIC_SIZE) * j, SIZE::TIC_SIZE, SIZE::TIC_SIZE, SIZE::B_RADIUS)
+      tics << [rectangle, i, j]
+    end
+  end
+
+  stroke black
+
+  board = Board.new(tics, @player_label) # player_label is passed on to the game.
+
+  board.set_tic_actions
+
+  # End Screen
+  black_screen = rect 0, 0, SIZE::WIDTH, SIZE::WIDTH, fill: app.rgb(0, 0, 0, 0.5)
+  flow align: 'center' do
+    # Positioned oddly because 'align: "center"' appears not to work on buttons
+    @quit_button = button 'Quit', top: 174, left: (SIZE::WIDTH / 2 - 34) do
+      exit
+    end
+    # Positioned oddly because 'align: "center"' appears not to work on buttons
+    @restart_button = button 'Restart', top: 140, align: 'center', left: (SIZE::WIDTH / 2 - 43) do
+      board.restart
+    end
+  end
+  alert_title = title "Cat's Game!", stroke: white, top: 90, align: 'center', size: 34
+  exit_screen = [alert_title, black_screen, @quit_button, @restart_button]
+
+  board.screen = exit_screen # Passes pre-made gui on for later use
+  board.clear_screen # Clears it to begin with
+end