shoesgem 0.1424.0

data/shoes/samples/good-vjot.rb

@@ -0,0 +1,56 @@
+NOTES = [['Welcome to the vJot Clone', <<-'END']]
+This sample app is a notetaker, a clone of PJ Hyett's vjot.com.
+
+Creating
+----------
+Click "Add a New Note" and the jot will be loaded into the editor for reading or editing.
+
+Editing
+---------
+Click a jot's title to load it.
+
+Saving
+--------
+There is no save button, the jot is saved as you edit.
+
+END
+
+Shoes.app :title => "vJot", 
+  :width => 420, :height => 560, :resizable => false do
+
+  @note = NOTES.first
+  background "#C7EAFB"
+  stack :width => 400, :margin => 20 do
+    background "#eee", :curve => 12
+    border "#00D0FF", :strokewidth => 3, :curve => 12
+    stack :margin => 20 do
+      caption "vJot"
+      @title = edit_line @note[0], :width => 1.0 do
+        @note[0] = @title.text
+        load_list
+      end
+      stack :width => 1.0, :height => 200, :scroll => true do
+        @list = para
+      end
+      @jot = edit_box @note[1], :width => 1.0, :height => 200, :margin_bottom => 20 do
+        @note[1] = @jot.text
+      end
+    end
+  end
+
+  def load_list
+    @list.replace *(NOTES.map { |note|
+      [link(note.first) { @note = load_note(note); load_list }, "\n"] 
+    }.flatten +
+      [link("+ Add a new Note") { NOTES << (@note = load_note); load_list }])
+  end
+
+  def load_note(note = ['New Note', ''])
+    @note = note
+    @title.text = note[0]
+    @jot.text = note[1]
+    note
+  end
+
+  load_list
+end

data/shoes/samples/simple-accordion.rb

@@ -0,0 +1,75 @@
+module Accordion
+  def open_page stack
+    active = app.slot.contents.map { |x| x.contents[1] }.
+      detect { |x| x.height > 0 }
+    return if active == stack
+    a = animate 60 do
+      stack.height += 20
+      active.height = 240 - stack.height if active
+      a.stop if stack.height == 240
+    end
+  end
+  def page title, text
+    @pages ||= []
+    @pages <<
+      stack do
+        page_text = nil
+        stack :width => "100%" do
+          background "#fff".."#eed"
+          hi = background "#ddd".."#ba9", :hidden => true
+          para link(title) {}, :size => 26
+          hover { hi.show }
+          leave { hi.hide }
+          click { open_page page_text }
+        end
+        page_text =
+          stack :width => "100%", :height => (@pages.empty? ? 240 : 0) do
+            stack :margin => 10 do
+              text.split(/\n{2,}/).each do |pg|
+                para pg
+              end
+            end
+          end
+      end
+  end
+end
+
+Shoes.app do
+  extend Accordion
+  style(Link, :stroke => black, :underline => nil, :weight => "strong")
+  style(LinkHover, :stroke => black, :fill => nil, :underline => nil)
+
+  page "0.0", <<-'END'
+There is a thought
+I have just had
+Which I don’t care to pass to
+Anyone at all at this time.
+
+I have even forgotten it now,
+But kept only the pleasures
+Of my property
+And of my controlled mental slippage.
+END
+  page "0.1", <<-'END'
+My eyes have blinked again
+And I have just realized
+This upright world
+I have been in.
+
+My eyelids wipe
+My eyes hundreds of times
+Reseting and renovating
+The scenery.
+END
+  page "0.2", <<-'END'
+Sister, without you,
+The universe would
+Have such a hole through it,
+Where infinity has been shot.
+
+This cannot be, though.
+There will always be room
+For you—all of us are
+Holding the way open.
+END
+end

data/shoes/samples/simple-anim-shapes.rb

@@ -0,0 +1,17 @@
+Shoes.app do
+  background rgb(0, 0, 0)
+  fill rgb(255, 255, 255)
+  rects = [
+    rect(0, 0, 50, 50),
+    rect(0, 0, 100, 100),
+    rect(0, 0, 75, 75)
+  ] 
+  animate(24) do |i|
+    rects.each do |r|
+      r.move((0..400).rand, (0..400).rand)
+    end
+  end
+  button "OK", :top => 0.5, :left => 0.5 do
+    quit unless confirm "You ARE sure you're OK??"
+  end
+end

data/shoes/samples/simple-anim-text.rb

@@ -0,0 +1,13 @@
+Shoes.app do
+  stack :top => 0.5, :left => 0.5 do
+    para "Counting up:"
+    l = para "0"
+    animate(24) do |i|
+      f = ['Arial 14px', 'Serif 34px', 'Monospace 18px', 'Arial 48px'][rand(3)]
+      l.replace "#{i}", :font => f
+    end
+    motion do |x, y|
+      Shoes.p [x, y]
+    end
+  end
+end

data/shoes/samples/simple-arc.rb

@@ -0,0 +1,23 @@
+#
+# a translation from a processing example
+# http://vormplus.be/weging/an-introduction-to-processing/
+#
+Shoes.app :width => 420, :height => 420, :resizable => false do
+  rotation = -(Shoes::HALF_PI / 3)
+  step = 20 
+
+  background gray(240)
+  stroke gray(127)
+  cap :curve
+  nofill
+
+  10.times do |i|
+    strokewidth i
+    size = 200 + (step * i)
+    shape do
+      arc self.width / 2, self.height / 2,
+          size, size,
+          rotation * i, rotation * i + Shoes::TWO_PI - Shoes::HALF_PI
+    end
+  end
+end

data/shoes/samples/simple-bounce.rb

@@ -0,0 +1,24 @@
+xspeed, yspeed = 8.4, 6.6
+xdir, ydir = 1, 1
+
+Shoes.app do
+  background "#DFA"
+  border black, :strokewidth => 6
+
+  nostroke
+  @icon = image "#{DIR}/static/shoes-icon.png", :left => 100, :top => 100 do
+    alert "You're soooo quick."
+  end
+
+  x, y = self.width / 2, self.height / 2
+  size = @icon.size
+  animate(30) do
+    x += xspeed * xdir
+    y += yspeed * ydir
+    
+    xdir *= -1 if x > self.width - size[0] or x < 0
+    ydir *= -1 if y > self.height - size[1] or y < 0
+
+    @icon.move x.to_i, y.to_i
+  end
+end

data/shoes/samples/simple-calc.rb

@@ -0,0 +1,70 @@
+class Calc
+  def initialize
+    @number = 0
+    @previous = nil
+    @op = nil
+  end
+
+  def to_s
+    @number.to_s
+  end
+  
+  (0..9).each do |n|
+    define_method "press_#{n}" do
+      @number = @number.to_i * 10 + n
+    end
+  end
+
+  def press_clear
+    @number = 0
+  end
+
+  {'add' => '+', 'sub' => '-', 'times' => '*', 'div' => '/'}.each do |meth, op|
+    define_method "press_#{meth}" do
+      if @op
+        press_equals
+      end
+      @op = op
+      @previous, @number = @number, nil
+    end
+  end
+
+  def press_equals
+    @number = @previous.send(@op, @number.to_i)
+    @op = nil
+  end
+
+end
+
+number_field = nil
+number = Calc.new
+Shoes.app :height => 250, :width => 200, :resizable => false do
+  background "#EEC".."#996", :curve => 5, :margin => 2
+
+  stack :margin => 2 do
+
+    stack :margin => 8 do
+      number_field = para strong(number)
+    end
+
+    flow :width => 218, :margin => 4 do
+      %w(7 8 9 / 4 5 6 * 1 2 3 - 0 Clr = +).each do |btn|
+        button btn, :width => 46, :height => 46 do
+          method = case btn
+            when /[0-9]/; 'press_'+btn
+            when 'Clr'; 'press_clear'
+            when '='; 'press_equals'
+            when '+'; 'press_add'
+            when '-'; 'press_sub'
+            when '*'; 'press_times'
+            when '/'; 'press_div'
+          end
+          
+          number.send(method)
+          number_field.replace strong(number)
+        end
+      end
+    end
+  end
+
+end

data/shoes/samples/simple-control-sizes.rb

@@ -0,0 +1,24 @@
+Shoes.app :width => 360, :height => 600, :resizable => false do
+  stroke "#dde"
+  background "#f1f5ff"
+  13.times { |x| line 20, 142 + (30 * x), 320, 142 + (30 * x) }
+  11.times { |x| line 20 + (30 * x), 142, 20 + (30 * x), 502 }
+
+  stack :margin => 20 do
+    title "Control Sizes", :size => 16
+    para "This app measures various controls against a grid of lines, to be sure they size appropriately despite the platform."
+    stack :top => 122, :left => 40 do
+      button "Standard"
+      button "Margin: 2, Height: 28", :margin => 2, :height => 30
+      edit_line "Standard", :margin => 1
+      edit_line "Margin: 4, Height: 30", :height => 30, :margin => 4
+      list_box :items => ["Standard"], :choose => "Standard"
+      list_box :items => ["Margin: 4, Height: 32"], 
+        :choose => "Margin: 4, Height: 32",
+        :height => 32, :margin => 4
+      progress
+      progress :height => 32, :margin => 4
+      edit_box
+    end
+  end
+end

data/shoes/samples/simple-curve.rb

@@ -0,0 +1,26 @@
+#
+# based on the cairo curve_to example
+# http://www.cairographics.org/samples/curve_to/
+#
+Shoes.app do  
+  x, y = 25.6, 128.0
+  x1 = 102.4; y1 = 230.4
+  x2 = 153.6; y2 = 25.6
+  x3 = 230.4; y3 = 128.0
+
+  nofill
+  strokewidth 10.0
+  shape do
+    move_to x, y
+    curve_to x1, y1, x2, y2, x3, y3
+  end
+
+  strokewidth 6.0
+  stroke rgb(1.0, 0.2, 0.2, 0.6)
+  shape do
+    move_to x, y
+    line_to x1, y1
+    move_to x2, y2
+    line_to x3, y3
+  end
+end

data/shoes/samples/simple-dialogs.rb

@@ -0,0 +1,29 @@
+Shoes.app :width => 300, :height => 150, :margin => 10 do
+  def answer(v)
+    @answer.replace v.inspect
+  end
+
+  button "Ask" do
+    answer ask("What is your name?")
+  end
+  button "Confirm" do
+    answer confirm("Would you like to proceed?")
+  end
+  button "Open File..." do
+    answer ask_open_file
+  end
+  button "Save File..." do
+    answer ask_save_file
+  end
+  button "Open Folder..." do
+    answer ask_open_folder
+  end
+  button "Save Folder..." do
+    answer ask_save_folder
+  end
+  button "Color" do
+    answer ask_color("Pick a Color")
+  end
+
+  @answer = para "Answers appear here"
+end

data/shoes/samples/simple-downloader.rb

@@ -0,0 +1,27 @@
+Shoes.app do
+  background "#eee"
+  @list = stack do
+    para "Enter a URL to download:", :margin => [10, 8, 10, 0]
+    flow :margin => 10 do
+      @url = edit_line :width => -120
+      button "Download", :width => 120 do
+        @list.append do
+          stack do
+            background "#eee".."#ccd"
+            stack :margin => 10 do
+              dl = nil
+              para @url.text, " [", link("cancel") { dl.abort }, "]", :margin => 0
+              d = inscription "Beginning transfer.", :margin => 0
+              p = progress :width => 1.0, :height => 14
+              dl = download @url.text, :save => File.basename(@url.text),
+                :progress => proc { |dl| 
+                  d.text = "Transferred #{dl.transferred} of #{dl.length} bytes (#{dl.percent}%)"
+                  p.fraction = dl.percent * 0.01 },
+                :finish => proc { |dl| d.text = "Download completed" }
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/shoes/samples/simple-draw.rb

@@ -0,0 +1,13 @@
+Shoes.app do
+  background "#999"
+  stroke "#000"
+  x, y = nil, nil
+  motion do |_x, _y|
+    if x and y and (x != _x or y != _y)
+      append do
+        line x, y, _x, _y
+      end
+    end
+    x, y = _x, _y
+  end
+end

data/shoes/samples/simple-editor.rb

@@ -0,0 +1,28 @@
+str, t = "", nil
+Shoes.app :height => 500, :width => 450 do
+  background rgb(77, 77, 77)
+  stack :margin => 10 do
+    para span("TEXT EDITOR", :stroke => red, :fill => white), " * USE ALT-Q TO QUIT", :stroke => white
+  end
+  stack :margin => 10 do
+    t = para "", :font => "Monospace 12px", :stroke => white
+    t.cursor = -1
+  end
+  keypress do |k|
+    case k
+    when String
+      str += k
+    when :backspace
+      str.slice!(-1)
+    when :tab
+      str += "  "
+    when :alt_q
+      quit
+    when :alt_c
+      self.clipboard = str
+    when :alt_v
+      str += self.clipboard
+    end
+    t.replace str
+  end
+end

data/shoes/samples/simple-form.rb

@@ -0,0 +1,28 @@
+Shoes.app :width => 320, :height => 420 do
+  background "../static/menu-gray.png"
+  background "../static/menu-top.png", :height => 50
+  background "../static/menu-left.png", :top => 50, :width => 55
+  background "../static/menu-right.png", :right => 0, :top => 50, :width => 55
+  image "../static/menu-corner1.png", :top => 0, :left => 0
+  image "../static/menu-corner2.png", :right => 0, :top => 0
+
+  stack :margin => 40 do
+    stack :margin => 10 do
+      para "Name"
+      @name = list_box :items => ["Phyllis", "Ronald", "Wyatt"]
+    end
+    stack :margin => 10 do
+      para "Address"
+      @address = edit_line
+    end
+    stack :margin => 10 do
+      para "Phone"
+      @phone = edit_line
+    end
+    stack :margin => 10 do
+      button "Save" do
+        Shoes.p [@name.text, @address.text, @phone.text]
+      end
+    end
+  end
+end

data/shoes/samples/simple-mask.rb

@@ -0,0 +1,21 @@
+Shoes.app do
+  background black
+
+  stack :top => 0.4, :left => 0.2 do
+    @stripes = stack
+
+    mask do
+      title "Shoes", :weight => "bold", :size => 82
+    end
+  end
+  
+  animate 10 do
+    @stripes.clear do
+      20.times do |i|
+        strokewidth 4
+        stroke rgb((0.0..0.5).rand, (0.0..1.0).rand, (0.0..0.3).rand)
+        line 0, i * 5, 400, i * 8
+      end
+    end
+  end
+end

data/shoes/samples/simple-menu.rb

@@ -0,0 +1,31 @@
+class MenuPanel < Shoes::Widget
+  @@boxes = []
+  def initialize(color, args)
+    @@boxes << self
+    background color
+    para link("Box #{@@boxes.length}", :stroke => white, :fill => nil).
+      click { visit "/" },
+        :margin => 18, :align => "center", :size => 20
+    hover { expand }
+  end
+  def expand
+    if self.width < 170
+      a = animate 30 do
+        @@boxes.each do |b|
+          b.width -= 5 if b != self and b.width > 140
+        end
+        self.width += 5
+        a.stop if self.width >= 170
+      end
+    end
+  end
+end
+
+Shoes.app :width => 400, :height => 130 do
+  style(Link, :underline => nil)
+  style(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/shoes/samples/simple-menu1.rb

@@ -0,0 +1,35 @@
+class MenuPanel < Shoes::Widget
+  $boxes = []
+  def initialize(color, args)
+    $boxes << self
+    background color
+    para link("Box #{$boxes.length}", :stroke => white, :fill => nil).
+      click { visit "/" },
+        :margin => 18, :align => "center", :size => 20
+    yield
+  end
+end
+
+Shoes.app :width => 600, :height => 130 do
+  style(Link, :underline => nil)
+  style(LinkHover, :fill => nil, :underline => nil)
+  
+  expand = proc do
+    hover do |box|
+      if box.width < 170
+        a = animate 30 do
+          $boxes.each do |b|
+            b.width -= 5 if b != box and b.width > 140
+          end
+          box.width += 5
+          a.stop if box.width >= 170
+        end
+      end
+    end
+  end
+    
+  menu_panel green,  :width => 170, :height => 120, :margin => 4, &expand
+  menu_panel blue,   :width => 140, :height => 120, :margin => 4, &expand
+  menu_panel red,    :width => 140, :height => 120, :margin => 4, &expand
+  menu_panel purple, :width => 140, :height => 120, :margin => 4, &expand
+end

data/shoes/samples/simple-rubygems.rb

@@ -0,0 +1,29 @@
+#
+# The setup block will install gems before launching the 
+# rest of the app below it.
+#
+Shoes.setup do
+  gem 'bluecloth =2.0.6'
+  gem 'metaid'
+end
+
+require 'bluecloth'
+require 'metaid'
+
+Shoes.app :width => 300, :height => 400, :resizable => false do
+  background "#eed"
+
+  stack :margin => 40 do
+    tagline "Loaded Gems:", :align => "center", :underline => "single"
+    Gem.loaded_specs.each do |name, spec|
+      para "#{name}\n#{spec.version}", :align => "center"
+    end
+
+    caption "Total Gems: #{Gem.source_index.length}", :align => "center", :margin_bottom => 0
+    para "(includes unloaded gems)", :align => "center", :margin_top => 0
+    button "OK", :bottom => 30, :left => 0.4 do
+      self.close
+    end
+  end
+
+end

data/shoes/samples/simple-slide.rb

@@ -0,0 +1,45 @@
+#
+# 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 == 0
+        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/shoes/samples/simple-sphere.rb

@@ -0,0 +1,28 @@
+Shoes.app :width => 500, :height => 500, :resizable => false do
+  image 400, 470, :top => 30, :left => 50 do
+    nostroke
+    fill "#127"
+    image :top => 230, :left => 0 do
+      oval 70, 130, 260, 40
+      blur 30
+    end
+    oval 10, 10, 380, 380
+    image :top => 0, :left => 0 do
+      fill "#46D"
+      oval 30, 30, 338, 338
+      blur 10
+    end
+    fill gradient(rgb(1.0, 1.0, 1.0, 0.7), rgb(1.0, 1.0, 1.0, 0.0))
+    oval 80, 14, 240, 176
+    image :top => 0, :left => 0 do
+      fill "#79F"
+      oval 134, 134, 130, 130
+      blur 40
+    end
+    image :top => 150, :left => 40, :width => 320, :height => 260 do
+      fill gradient(rgb(0.7, 0.9, 1.0, 0.0), rgb(0.7, 0.9, 1.0, 0.6))
+      oval 60, 60, 200, 136
+      blur 20
+    end
+  end
+end

data/shoes/samples/simple-timer.rb

@@ -0,0 +1,13 @@
+Shoes.app :height => 150, :width => 250 do
+  background rgb(240, 250, 208)
+  stack :margin => 10 do
+    button "Start" do
+      @time = Time.now
+      @label.replace "Stop watch started at #@time"
+    end
+    button "Stop" do
+      @label.replace "Stopped, ", strong("#{Time.now - @time}"), " seconds elapsed."
+    end
+    @label = para "Press ", strong("start"), " to begin timing."
+  end
+end