scarpe 0.3.0 → 0.5.0

data/examples/legacy/not_checked/shoes-manual/ovals.rb

@@ -0,0 +1,6 @@
+Shoes.app do
+ fill black(0.1)
+ 100.times do |i|
+   oval i, i, i * 2
+ end
+end

data/examples/legacy/not_checked/shoes-manual/ovals_image.rb

@@ -0,0 +1,8 @@
+Shoes.app do
+ fill black(0.1)
+ image 300, 300 do
+   100.times do |i|
+     oval i, i, i * 2
+   end
+ end
+end

data/examples/legacy/not_checked/shoes-manual/prepend.rb

@@ -0,0 +1,7 @@
+ #!ruby
+ Shoes.app do
+   @slot = stack { para 'Good Morning' }
+   timer 3 do
+     @slot.prepend { para "Your car is ready." }
+   end
+ end

data/examples/legacy/not_checked/shoes-manual/progress_bar.rb

@@ -0,0 +1,10 @@
+ Shoes.app do
+   stack margin: 0.1 do
+     title "Progress example"
+     @p = progress width: 1.0
+
+     animate do |i|
+       @p.fraction = (i % 100) / 100.0
+     end
+   end
+ end

data/examples/legacy/not_checked/shoes-manual/radio.rb

@@ -0,0 +1,18 @@
+ #!ruby
+ Shoes.app do
+   stack do
+     para "Among these films, which do you prefer?"
+     flow do
+       radio :films
+       para "The Taste of Tea by Katsuhito Ishii"
+     end
+     flow do
+       radio :films
+       para "Kin-Dza-Dza by Georgi Danelia"
+     end
+     flow do
+       radio :films
+       para "Children of Heaven by Majid Majidi"
+     end
+   end
+ end

data/examples/legacy/not_checked/shoes-manual/radio_alternative_1.rb

@@ -0,0 +1,7 @@
+ #!ruby
+ Shoes.app do
+   para "Among these films, which do you prefer?\n"
+   radio; para strong("The Taste of Tea"), " by Katsuhito Ishii\n"
+   radio; para strong("Kin-Dza-Dza"), " by Georgi Danelia\n"
+   radio; para strong("Children of Heaven"), " by Majid Majidi\n"
+ end

data/examples/legacy/not_checked/shoes-manual/radio_alternative_2.rb

@@ -0,0 +1,9 @@
+ #!ruby
+ Shoes.app do
+   stack do
+     para "Among these films, which do you prefer?"
+     flow { radio; para "The Taste of Tea by Katsuhito Ishii" }
+     flow { radio; para "Kin-Dza-Dza by Georgi Danelia" }
+     flow { radio; para "Children of Heaven by Majid Majidi" }
+   end
+ end

data/examples/legacy/not_checked/shoes-manual/rotate_rectangle.rb

@@ -0,0 +1,6 @@
+ #!ruby
+ Shoes.app do
+   fill "#333"
+   rotate 45
+   rect 30, 30, 40, 40
+ end

data/examples/legacy/not_checked/shoes-manual/shape.rb

@@ -0,0 +1,11 @@
+ #!ruby
+ Shoes.app do
+   fill red(0.2)
+   shape do
+     move_to(90, 55)
+     arc_to(50, 55, 50, 50, 0, PI/2)
+     arc_to(50, 55, 60, 60, PI/2, PI)
+     arc_to(50, 55, 70, 70, PI, TWO_PI-PI/2)
+     arc_to(50, 55, 80, 80, TWO_PI-PI/2, TWO_PI)
+   end
+ end

data/examples/legacy/not_checked/shoes-manual/stroke.rb

@@ -0,0 +1,5 @@
+ #!ruby
+ Shoes.app do
+   stroke red
+   arrow 0, 100, 10
+ end

data/examples/legacy/not_checked/shoes-manual/style.rb

@@ -0,0 +1,3 @@
+ Shoes.app title: "A Styling Sample" do
+   para "Red with an underline", stroke: red, underline: "single"
+ end

data/examples/legacy/not_checked/shoes-manual/style_alternative_1.rb

@@ -0,0 +1,4 @@
+ Shoes.app title: "A Styling Sample" do
+   @text = para "Red with an underline"
+   @text.style(stroke: red, underline: "single")
+ end

data/examples/legacy/not_checked/shoes-manual/style_alternative_2.rb

@@ -0,0 +1,5 @@
+ Shoes.app title: "A Styling Sample" do
+   @text = para "Red with an underline"
+   @text.stroke = red
+   @text.underline = "single"
+ end

data/examples/legacy/not_checked/shoes-manual/style_length.rb

@@ -0,0 +1,5 @@
+ #!ruby
+ Shoes.app do
+   @s = stack width: "100%"
+   para @s.style[:width]
+ end

data/examples/legacy/not_checked/shoes-manual/timer.rb

@@ -0,0 +1,6 @@
+ #!ruby
+ Shoes.app do
+   timer(5) do
+     alert("Your five seconds are up.")
+   end
+ end

data/examples/legacy/not_checked/shoes-manual/trigger_window.rb

@@ -0,0 +1,8 @@
+Shoes.app title: "MAIN" do
+ para self
+ button "Spawn" do
+   window title: "CHILD" do
+     para self
+   end
+ end
+end

data/examples/legacy/not_checked/shoes-manual/window_owner.rb

@@ -0,0 +1,8 @@
+ #!ruby
+ Shoes.app title: "The Owner" do
+   button "Pop up?" do
+     window do
+       para "Okay, popped up from #{owner}"
+     end
+   end
+ end

data/examples/legacy/working/shoes_manual/alert_button.rb

@@ -0,0 +1,2 @@
+ #!ruby
+ Shoes.app { button("Click me!") { alert("Good job.") } }

data/examples/legacy/working/shoes_manual/animate.rb

@@ -0,0 +1,7 @@
+ #!ruby
+ Shoes.app do
+   @counter = para "STARTING"
+   animate(24) do |frame|
+     @counter.replace "FRAME #{frame}"
+   end
+ end

data/examples/legacy/working/shoes_manual/background_para.rb

@@ -0,0 +1,4 @@
+Shoes.app do
+  background "#DFA"
+  para "Welcome to Shoes"
+end

data/examples/legacy/working/shoes_manual/button_alternative.rb

@@ -0,0 +1,7 @@
+ #!ruby
+ Shoes.app do
+   @b1 = button "OK!"
+   @b1.click { para "Well okay then." }
+   @b2 = button "Are you sure?"
+   @b2.click { para "Your confidence is inspiring." }
+ end

data/examples/legacy/working/shoes_manual/checkbox.rb

@@ -0,0 +1,17 @@
+ #!ruby
+ Shoes.app do
+   @list = ['Frances Johnson', 'Ignatius J. Reilly',
+     'Winston Niles Rumfoord']
+
+   stack do
+     @list.map! do |name|
+       flow { @c = check; para name }
+       [@c, name]
+     end
+
+     button "What's been checked?" do
+       selected = @list.map { |c, name| name if c.checked? }.compact
+       alert("You selected: " + selected.join(', '))
+     end
+   end
+ end

data/examples/legacy/working/shoes_manual/download.rb

@@ -0,0 +1,12 @@
+ #!ruby
+ Shoes.app do
+   stack do
+     title "Searching Google", size: 16
+     @status = para "One moment..."
+
+     # Search Google for 'shoes' and print the HTTP headers
+     download "http://www.google.com/search?q=shoes" do |goog|
+       @status.text = "Headers: " + goog.response.headers.inspect
+     end
+   end
+ end

data/examples/legacy/working/shoes_manual/edit_box.rb

@@ -0,0 +1,6 @@
+ #!ruby
+ Shoes.app do
+   edit_box
+   edit_box "HORRAY EDIT ME"
+   edit_box "small one", width: 100, height: 160
+ end

data/examples/legacy/working/shoes_manual/editline.rb

@@ -0,0 +1,7 @@
+ #!ruby
+ Shoes.app do
+   stack do
+     edit_line
+     edit_line width: 400
+   end
+ end

data/examples/legacy/working/shoes_manual/fixed_height.rb

@@ -0,0 +1,8 @@
+Shoes.app do
+ stack width: 200, height: 200, scroll: true do
+   background "#DFA"
+   100.times do |i|
+     para "Paragraph No. #{i}"
+   end
+ end
+end

data/examples/legacy/working/shoes_manual/fixed_width.rb

@@ -0,0 +1,12 @@
+Shoes.app do
+ flow do
+   stack width: 200 do
+     caption "Column one"
+     para "is 200 pixels wide"
+   end
+   stack width: -200 do
+     caption "Column two"
+     para "is 100% minus 200 pixels wide"
+   end
+ end
+end

data/examples/legacy/working/shoes_manual/image.rb

@@ -0,0 +1,5 @@
+ #!ruby
+ Shoes.app do
+   para "Nice, nice, very nice.  Busy, busy, busy."
+   image "#{DIR}/docs/static/avatar.png"
+  end

data/examples/legacy/working/shoes_manual/instance_variable_check.rb

@@ -0,0 +1,10 @@
+# instance variables allowed as the code block is essentially running
+# inside Shoes class due to the use of instance_eval
+
+Shoes.app do
+ @s = stack do
+   @p1 = para "First"
+   @p2 = para "Second"
+   @p3 = para "Third"
+ end
+end

data/examples/legacy/working/shoes_manual/message.rb

@@ -0,0 +1,18 @@
+class Messenger
+ def initialize(stack)
+   @stack = stack
+ end
+ def add(msg)
+   @stack.app do
+     @stack.append do
+       para msg
+     end
+   end
+ end
+end
+
+Shoes.app do
+  @stack = stack do
+  end
+  Messenger.new(@stack).add('Hii')
+end

data/examples/legacy/working/shoes_manual/rectangle.rb

@@ -0,0 +1,6 @@
+ #!ruby
+ Shoes.app do
+   stroke rgb(0.5, 0.5, 0.7)
+   fill rgb(1.0, 1.0, 0.9)
+   rect 10, 10, self.width - 20, self.height - 20
+ end

data/examples/legacy/working/shoes_manual/save_download.rb

@@ -0,0 +1,12 @@
+ #!ruby
+ Shoes.app do
+   stack do
+     title "Downloading Google image", size: 16
+     @status = para "One moment..."
+
+     download "http://www.google.com/logos/nasa50th.gif",
+       save: "nasa50th.gif" do
+         @status.text = "Okay, is downloaded."
+     end
+   end
+ end

data/examples/legacy/working/shoes_manual/self_check.rb

@@ -0,0 +1,10 @@
+# self is same throughout due to the use of instance_eval. Caller
+# is Shoes instance.
+
+Shoes.app do
+ self.stack do
+   self.para "First"
+   self.para "Second"
+   self.para "Third"
+ end
+end

data/examples/legacy/working/shoes_manual/stack.rb

@@ -0,0 +1,7 @@
+ Shoes.app do
+   stack do
+     para "First"
+     para "Second"
+     para "Third"
+   end
+ end

data/examples/legacy/working/shoes_manual/style_info.rb

@@ -0,0 +1,8 @@
+ #!ruby
+ Shoes.app do
+   # A button which take up the whole page
+   @b = button "All of it", width: 1.0, height: 1.0
+
+   # When clicked, show the styles
+   @b.click { alert(@b.style.inspect) }
+ end

data/examples/legacy/working/shoes_manual/utf8_support.rb

@@ -0,0 +1,8 @@
+Shoes.app do
+ stack margin: 10 do
+   @edit = edit_box width: 1.0 do
+     @para.text = @edit.text
+   end
+   @para = para ""
+ end
+end

data/examples/legacy/working/shoes_manual/width.rb

@@ -0,0 +1,4 @@
+ #!ruby
+ Shoes.app do
+   stack(width: 150) { para "Now that's precision." }
+ end

data/examples/local_assets/multi_image.rb

@@ -0,0 +1,5 @@
+Shoes.app do
+  image "http://shoesrb.com/manual/static/shoes-icon.png"
+  image "sample.gif", width: 120, height: 64 # an image big enough to be served with the asset server
+  image "small.png" # an image small enough to be served with a data URL
+end

data/examples/local_fonts.rb

@@ -1,3 +1,6 @@
+# html_ci: false
+# Note: fonts render differently in CI
+
 Shoes.app do
   font "#{DIR}/fonts/Pacifico.ttf"
   para "Hello yayyy", font: "Pacifico"

data/examples/margin.rb

@@ -0,0 +1,13 @@
+Shoes.app do
+
+    para "All margins with array input", margin:[60,30,80,40]
+
+    para "All margins with string input", margin: "30 20 10 20"
+
+    para "One Number to set all margins", margin:20
+
+    para "Specific property can overwrite shorthand" , margin:[20,10,20,30], margin_top:100
+
+    para "margins using a hash input" , margin:{left:20,top:100,bottom:10,right:20}
+
+end

data/examples/margin_check.rb

@@ -0,0 +1,27 @@
+Shoes.app do
+  background blue
+
+  @stack1 = stack(width: 100, height: 100) do
+    background red
+    b = button("Push me", margin: [10, 25, 5, 10]) do
+      alert "Aha! Click!"
+    end
+  end
+
+  @stack1 = stack do
+    background aquamarine
+    b = button("Hash margin", margin: { left: 10, right: 5, top: 25, bottom: 10 }) do
+      alert "Aha! Click!"
+    end
+  end
+
+  stack(width: 100, height: 100) do
+    background yellow
+    button "Middle Button", margin: 5, margin_top: 30
+  end
+
+  @stack2 = stack(width: 100, height: 100) do
+    background green
+    button "OK 2"
+  end
+end

data/examples/oval-with-kwargs.rb

@@ -0,0 +1,3 @@
+Shoes.app do
+  oval top: 20, left: 20, radius: 160, center: true, fill: fuchsia
+end

data/examples/oval.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+#TODO: Support color methods as argument
+#TODO: Allow strokewidth to go wider than container?
+#TODO: Support strokewidth draw context
+
+Shoes.app(
+  title: "Schwad's unbelievable desktop application that renders an oval",
+  height: 700,
+) do
+  flow(height: 200) do
+    para "Positional arguments:"
+    oval 30, 30, 80, 200, center: true
+  end
+  flow(height: 200) do
+    para "As a circle"
+    stroke "blue"
+    fill "pink"
+    oval 30, 30, 80, center: true
+  end
+  flow(height: 200) do
+    para "Keyword arguments:"
+    fill "green"
+    oval top: 20, left: 20, height: 160, width: 90, center: true, stroke: "red", strokewidth: 4
+  end
+end

data/examples/page_navigation_single_app.rb

@@ -0,0 +1,42 @@
+Shoes.app(title: "Page Navigation Example", width: 300, height: 200) do
+  style(Shoes::Para, size: 10)
+  style(Shoes::Button, width: 80)
+
+  page(:home) do
+    title "Home Page"
+    background "#f0f0f0"
+    para "Welcome to the page navigation example!"
+    button "Go to Razzmatazz" do
+      visit(:razzmatazz)
+    end
+    button "Go to FlooperLand" do
+      visit(:flooperland)
+    end
+  end
+
+  page(:razzmatazz) do
+    title "Razzmatazz"
+    background "#DFA5A5"
+    para "This is Razzmatazz"
+    button "Go Home" do
+      visit(:home)
+    end
+    button "Go to FlooperLand" do
+      visit(:flooperland)
+    end
+  end
+
+  page(:flooperland) do
+    title "FlooperLand"
+    background "#A5DFA5"
+    para "This is FlooperLand"
+    button "Go Home" do
+      visit(:home)
+    end
+    button "Go to Razzmatazz" do
+      visit(:razzmatazz)
+    end
+  end
+
+  visit(:home)  # Start at the home page
+end

data/examples/para_font_styles.rb

@@ -0,0 +1,17 @@
+Shoes.app do
+
+    para "this text is in normal styl" , emphasis:"italic"
+
+    para "this text is in italic style" , font: "italic normal bold 16px 'Times New Roman', serif;"
+
+
+    para "this text is in oblique style " , family: "'Pacifico', cursive;"
+
+    para "Text in Helvetica", font: "Helvetica;"
+      
+    para "And in Lucida", font: "'Pacifico', cursive;"
+      
+    para "From an example", font: "Trebuchet  bold"
+      
+end
+

data/examples/para_font_variant.rb

@@ -0,0 +1,6 @@
+Shoes.app do
+    para "This is Normal Variant" ,font_variant: "normal"
+
+    para "This is Small Caps Variant " ,font_variant: "small-caps"
+
+  end

data/examples/para_fontweight.rb

@@ -0,0 +1,13 @@
+Shoes.app do
+    para "This is normal"  
+
+    para "This is bolder" , font_weight: "bold"
+
+    para "This is a little less bold" , font_weight: 800
+
+    para "This is bolder than the last one " , font_weight: 700
+
+    para "Close to normal "  , font_weight: 300
+  
+  end
+  

data/examples/parse_xl_funnies.rb

@@ -1,3 +1,6 @@
+# html_ci: false
+# This is due to a button rendering issue
+
 require 'nokogiri'
 require 'open-uri'
 require 'tempfile'

data/examples/rect.rb

@@ -1,4 +1,4 @@
 Shoes.app do
   para "Behold, the mighty rectangle!"
-  rect 10, 10, 75, 50, 5
+  rect 10, 10, 75, 50, 5, stroke: red, fill: green
 end

data/examples/scarpe_ext.rb

@@ -0,0 +1,3 @@
+Shoes.app(features: :html) do
+  button "OK", html_class: "btn-warning"
+end

data/examples/shapes/star.rb

@@ -1,5 +1,3 @@
 Shoes.app do
   star 230, 100, 6, 50, 25
-  
-  end
-  
+end

data/examples/shoes_subclass_app.rb

@@ -0,0 +1,25 @@
+# Test for class MyApp < Shoes inheritance pattern
+# This is the classic Shoes pattern that _why designed
+
+class MyBook < Shoes
+  url '/', :index
+  url '/about', :about
+
+  def index
+    stack margin: 20 do
+      title "Welcome to My Book"
+      para "This is the index page using the classic Shoes inheritance pattern!"
+      para link("Go to About", click: "/about")
+    end
+  end
+
+  def about
+    stack margin: 20 do
+      title "About"
+      para "This page shows that URL routing works with class inheritance!"
+      para link("Back to Index", click: "/")
+    end
+  end
+end
+
+Shoes.app width: 400, height: 300, title: "Shoes Subclass Test"

data/examples/spacing.rb

@@ -7,7 +7,7 @@ Shoes.app(title: "Spacing") do
     background "red"
     para "with 10px margin-left and margin-right, and 20px margin-bottom", stroke: "white"
   end
-  stack margin: [15, 15, nil, 40] do
+  stack margin: [15, nil, 15, 40] do
     background "blue"
     para "with 15px margin-left and margin-right, and 40px margin-bottom", stroke: "white"
   end

data/examples/span.rb

@@ -1,6 +1,8 @@
 Shoes.app :height => 500, :width => 500 do
   stack :margin => 10 do
-    para span("TEXT EDITOR", :stroke => "blue", :fill => "green"), " * USE ALT-Q TO QUIT", :stroke => "red"
+    para span("TEXT EDITOR", :stroke => blue, :fill => green), " * USE ALT-Q TO QUIT", :stroke => red
   end
-  span ("text")
+  para "Various ", del("text"), " in ", sub("various"), " ", sup("styles"), " can be ", ins("hard to read"), "...\n"
+
+  para "A ", span("wide", underline: "single", undercolor: blue), " ", span("variety", underline: "error", undercolor: green), " ", span("of", underline: "double"), " ", span("underlines", underline: "low", undercolor: darkgreen)
 end