scarpe 0.2.1 → 0.3.0

data/examples/check.rb

@@ -0,0 +1,18 @@
+Shoes.app do
+    stack do
+      para "Among these films, which do you prefer?"
+      flow { check; para "The Taste of Tea by Katsuhito Ishii" }
+      flow { check; para "Kin-Dza-Dza by Georgi Danelia" }
+      flow { check; para "Children of Heaven by Majid Majidi" }
+      @btn = check; para "The White Balloon by Jafar Panahi"
+      flow do
+        button "Mark me" do
+          @btn.checked = true
+
+        end
+        button "unmark me" do
+          @btn.checked = false
+        end
+      end
+    end
+  end

data/examples/clear_and_append.rb

@@ -0,0 +1,24 @@
+Shoes.app do
+  stack do
+    button("More Stuff!") do
+      @slot.append do
+        ins "I'm enthused."
+        title "Enthused!"
+        banner "ENTHUSED!"
+      end
+    end
+
+    button("No Stuff!") do
+      @slot.clear
+    end
+
+    button("Different Stuff!") do
+      @slot.clear do
+        para "I'm so different!"
+        title "I'm like a totally different but emo person! Or possibly chicken."
+      end
+    end
+
+    @slot = stack(width: "100%") { para 'Good Morning' }
+  end
+end

data/examples/download_and_show_image.rb

@@ -0,0 +1,28 @@
+Shoes.app do
+  stack do
+    title "Downloading Google image", size: 16
+    @status = para "Enter URL and press Enter:"
+
+    url_edit = edit_line
+    caption "here is a cute cat url: https://img.freepik.com/premium-photo/funny-smart-cat-professor-with-glasses-illustration-generative-ai_845977-709.jpg?w=700&h=300"
+
+    button 'Download Image!', color: "#3d5a80", padding_bottom: "8", padding_top: "8", text_color: "white", font_size: "16" do
+      download(url_edit.text, save: "downloaded_image.png") do
+        @status.replace "Download completed. Click to display the image."
+        @download_completed = true
+        button 'Display Image', color: "#3d5a80", padding_bottom: "8", padding_top: "8", text_color: "white", font_size: "16" do
+          if @download_completed
+            @status.replace "Showing you the image..."
+            display_image("downloaded_image.png")
+          end
+        end
+      end
+    end
+
+
+  end
+
+  def display_image(image_path)
+    image(image_path)
+  end
+end

data/examples/edit_box.rb

@@ -1,10 +1,8 @@
 Shoes.app do
   para "Manuscript:"
-  @manuscript = edit_box(width: "100%") do
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim."
+  lorem = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim."
+  @manuscript = edit_box(lorem, width: "100%") do |box|
+    @char_count.replace("#{box.text.length} characters")
   end
   @char_count = para "#{@manuscript.text.length} characters"
-  @manuscript.change { |text|
-    @char_count.replace("#{text.length} characters")
-  }
 end

data/examples/fonts.rb

@@ -1,6 +1,6 @@
-Scarpe.app do
+Shoes.app do
     para "Hello, world!", font: "Arial", size: 20
     para "Hello, world!", font: "Courier", size: 20
     para "Hello, world!", font: "MS Gothic", size: 20
 end
-  
+

data/examples/gen.rb

@@ -2,9 +2,9 @@
 require 'erb'
 
 class ScarpeGenerator
-  def initialize(filename, display_properties)
+  def initialize(filename, shoes_styles)
     @filename = filename
-    @display_properties = display_properties
+    @shoes_styles = shoes_styles
   end
 
   def generate_files(choice, class_template_choice)
@@ -96,7 +96,7 @@ class ScarpeGenerator
     capitalized_argument = @filename.capitalize
     binding.dup.tap do |b|
       b.local_variable_set(:argument, capitalized_argument)
-      b.local_variable_set(:display_properties, @display_properties)
+      b.local_variable_set(:shoes_styles, @shoes_styles)
     end
   end
 end
@@ -109,7 +109,7 @@ Shoes.app(title: 'Templates') do
     end
 
     stack width: 400 do
-      para 'Enter display properties (like :height,:text) '
+      para 'Enter Shoes styles (like :height,:text) '
       $properties_input = edit_line
     end
 
@@ -125,13 +125,13 @@ Shoes.app(title: 'Templates') do
 
     button 'Generate Files!',color:"#FF7116",padding_bottom:"8",padding_top:"8",text_color:"white",font_size:"16" do
       filename = $filename_input.text
-      display_properties = $properties_input.text
-      choice = $choice_input.selected_item
+      shoes_styles = $properties_input.text
+      choice = $choice_input.text
 
-      generator = ScarpeGenerator.new(filename, display_properties)
+      generator = ScarpeGenerator.new(filename, shoes_styles)
 
       if choice == 'Class'
-        generator.generate_files(choice, $class_template_choice_input.selected_item)
+        generator.generate_files(choice, $class_template_choice_input.text)
       else
         generator.generate_files(choice, nil)
       end

data/examples/get_headers.rb

@@ -0,0 +1,10 @@
+Shoes.app do
+  stack do
+    title "Searching", :size => 16
+    @status = para "One moment..."
+
+    download "http://www.google.com/search?q=shoes" do |goog|
+      @status.replace "Headers: " + goog.response.headers.inspect
+    end
+  end
+end

data/examples/highlander.rb

@@ -35,7 +35,7 @@ def update_dup_list
 end
 
 def highlander_the_selected_item
-  selected = $dup_list.selected_item
+  selected = $dup_list.text
   if !selected || selected == "" || !selected.include?(DIVIDER)
     $bottom_display.replace("Select an item first!")
     return
@@ -58,6 +58,8 @@ def highlander_the_selected_item
     end
   end
 
+  $dup_list.choose nil
+  $bottom_display.replace BOTTOM_DISPLAY_INSTRUCTIONS
   update_dup_list
 end
 
@@ -65,7 +67,7 @@ Shoes.app(title: "Highlander") do
   stack :margin => 40 do
     $top_text = para "Loading..."
     $dup_list = list_box(:items => []).change do
-      $bottom_display.replace "Selected duplicates: #{$dup_list.selected_item.inspect}"
+      $bottom_display.replace "Selected duplicates: #{$dup_list.text.inspect}"
     end
 
     update_dup_list

data/examples/legacy/README.md

@@ -0,0 +1,6 @@
+# Legacy Projects
+
+These are Shoes examples, taken from a wide variety of sources. In general, we try not to modify them.
+
+It's possible that some of them run but we haven't realised it yet, which is why the "not_checked" directory is nameed that, rather than something like "won't work". Also, they aren't checked by CI, while the ones marked working have to at least boot up.
+

data/examples/legacy/not_checked/shoes-contrib/basic/shoes-notes.rb

@@ -12,5 +12,5 @@ Shoes.app do
       @add.text = ""
     end
   end
-  @notes = stack :margin => 20, :widht => -250
+  @notes = stack :margin => 20, :width => -250
 end

data/examples/legacy/not_checked/simple/anim-shapes.rb

@@ -14,4 +14,4 @@ Shoes.app do
   button "OK", :top => 0.5, :left => 0.5 do
     Shoes.quit unless confirm "You ARE sure you're OK??"
   end
-end
+end

data/examples/legacy/not_checked/speedometer_app.rb

@@ -0,0 +1,55 @@
+# Source: https://www.hanselman.com/blog/the-weekly-source-code-29-ruby-and-shoes-and-the-first-ruby-virus
+
+class Speedometer < Shoes::Widget
+  attr_accessor :range, :tick, :position
+  def initialize opts = {}
+    @range = opts[:range] || 200
+    @tick = opts[:tick] || 10
+    @position = opts[:position] || 0
+    @cx, @cy = self.left + 110, self.top + 100
+ 
+    nostroke
+    rect :top => self.top, :left => self.left,
+      :width => 220, :height => 200
+    nofill
+    stroke white
+    oval :left => @cx - 50, :top => @cy - 50, :radius => 100
+    (ticks + 1).times do |i|
+      radial_line 225 + ((270.0 / ticks) * i), 70..80
+      radial_line 225 + ((270.0 / ticks) * i), 45..49
+    end
+    strokewidth 2
+    oval :left => @cx - 70, :top => @cy - 70, :radius => 140
+    stroke lightgreen
+    oval :left => @cx - 5, :top => @cy - 5, :radius => 10
+    @needle = radial_line 225 + ((270.0 / @range) * @position), 0..90
+  end
+  def ticks; @range / @tick end
+  def radial_line deg, r
+    pos = ((deg / 360.0) * (2.0 * Math::PI)) - (Math::PI / 2.0)
+    line (Math.cos(pos) * r.begin) + @cx, (Math.sin(pos) * r.begin) + @cy,
+      (Math.cos(pos) * r.end) + @cx, (Math.sin(pos) * r.end) + @cy
+  end
+  def position= pos
+    @position = pos
+    @needle.remove
+    append do
+      @needle = radial_line 225 + ((270.0 / @range) * @position), 0..90
+    end
+  end
+end
+ 
+Shoes.app do
+  stack do
+    para "Enter a number between 0 and 100"
+    flow do
+      @p = edit_line
+      button "OK" do
+        @s.position = @p.text.to_i
+      end
+    end
+ 
+    @s = speedometer :range => 100, :ticks => 10
+  end
+end
+

data/examples/legacy/working/simple/image-icon.rb

@@ -0,0 +1,3 @@
+Shoes.app do
+  image "https://user-images.githubusercontent.com/7865030/217309905-7f25e3cf-1850-481d-811b-dfddea2df54a.png"
+end

data/examples/legacy/{not_checked → working}/simple/image.rb

@@ -1,7 +1,7 @@
 Shoes.app do
   background "#eee"
   @list = stack do
-    @img = image '../static/man-builds.png'
+    @img = image "#{DIR}/docs/static/man-builds.png"
     para "Enter a image URL to download:", :margin => [10, 8, 10, 0]
     flow :margin => 10 do
       @url = edit_line :width => -120

data/examples/link.rb

@@ -2,7 +2,7 @@ Shoes.app do
   def collapsed
     @para = para(
       "'Scarpe' means shoes in Italian. 'Scarpe' also means Shoes in...",
-      link("(show more)") { @para.destroy_self; @para = expanded }
+      link("(show more)") { @para.destroy; @para = expanded }
     )
   end
 
@@ -12,7 +12,7 @@ Shoes.app do
       "Scarpe isn't feature complete with any version of Shoes (yet?). We're initially targeting Shoes Classic. ",
       link("Learn more", click: "http://github.com/schwad/scarpe"),
       " ",
-      link("(show less)") { @para.destroy_self; @para = collapsed }
+      link("(show less)") { @para.destroy; @para = collapsed }
     )
   end
 

data/examples/list_box_choose.rb

@@ -0,0 +1,17 @@
+Shoes.app(title: "Guessing secret word", width: 500, height: 450) do
+  secret_word = "apple"
+  guess_label = para "Guess the secret word:"
+  guess_input = list_box items: ["apple", "banana", "orange"], choose: "orange"
+
+  button "Guess" do
+    guess = guess_input.text
+
+    if guess == secret_word
+      alert("Yayyy! that's right.")
+    else
+      alert("No, better luck next time😕")
+    end
+
+    guess_input.choose "orange"
+  end
+end

data/examples/local_assets/local_file_server.rb

@@ -0,0 +1,82 @@
+# Require the WEBrick library
+require 'webrick'
+
+# Configuration for the server
+configuration = {
+  Port: 4567,
+  DocumentRoot: File.join(File.dirname(__FILE__), '..', '..', 'examples', 'local_assets')
+}
+
+# Create a new instance of WEBrick::HTTPServer with the configuration
+server = WEBrick::HTTPServer.new(configuration)
+
+# Define a custom servlet to handle file requests
+class FileServlet < WEBrick::HTTPServlet::AbstractServlet
+  def do_GET(request, response)
+    relative_path = request.path
+    path = File.join(@config[:DocumentRoot], relative_path)
+
+    if File.exist?(path) && !File.directory?(path)
+      begin
+        file_content = File.read(path)
+
+        response.status = 200
+        response['Content-Type'] = WEBrick::HTTPUtils.mime_type(path, WEBrick::HTTPUtils::DefaultMimeTypes)
+        response['Content-Disposition'] = "inline; filename=#{File.basename(path)}"
+        response.body = file_content
+      rescue StandardError => e
+        response.status = 500
+        response.body = 'Internal Server Error'
+      end
+    else
+      response.status = 404
+      response.body = 'File not found'
+    end
+  end
+end
+
+# Mount the custom servlet at the root URL
+server.mount('/', FileServlet)
+
+# Set up a signal trap to gracefully shut down the server on interrupt (e.g., Ctrl+C)
+trap('INT') do
+  server.shutdown
+end
+
+# Start the server in a separate thread
+server_thread = Thread.new { server.start }
+
+# Shoes application to display the file from the local server
+Shoes.app do
+  stack do
+    flow do
+      para "Enter the file path: (e.g., sample.gif, sample.mp4)"
+      @file_path = edit_line
+    end
+
+    button "Display File" do
+      file_path = @file_path.text
+
+      begin
+        file_extension = File.extname(file_path).downcase
+
+        case file_extension
+        when '.png', '.jpg', '.jpeg', '.gif'
+          image "http://localhost:4567/#{file_path}"
+        when '.mp4', '.mov'
+          video "http://localhost:4567/#{file_path}"
+        else
+          para "Unsupported file type"
+        end
+      rescue StandardError => e
+        para "Error: #{e.message}"
+      end
+    end
+  end
+
+  # Ensure the Shoes application is closed before stopping the server
+  at_exit do
+    server_thread.join if server_thread.alive?
+    server.shutdown
+  end
+end

data/examples/local_fonts.rb

@@ -0,0 +1,4 @@
+Shoes.app do
+  font "#{DIR}/fonts/Pacifico.ttf"
+  para "Hello yayyy", font: "Pacifico"
+end

data/examples/local_images.rb

@@ -0,0 +1,3 @@
+Shoes.app do
+  image "#{DIR}/docs/static/man-builds.png"
+end

data/examples/motion_events.rb

@@ -0,0 +1,20 @@
+Shoes.app width: 600, height: 600 do
+  stack do
+    para "Events and Menus"
+    flow do
+      @btn1 = button "button 1", width: 75 do
+        @eb.append "button 1 clicked\n"
+      end
+      click do
+        @eb.append "flow click\n"
+      end
+      hover do
+        @eb.append "flow hover\n"
+      end
+    end
+    @eb = edit_box width: 500, height: 350
+  end
+  motion do |x, y, mods|
+    @eb.append "motion #{x},#{y} #{mods} "
+  end
+end

data/examples/para/para_text.rb

@@ -0,0 +1,14 @@
+Shoes.app do
+  stack do
+    @note = para " your note will appear here"
+
+    @edit_box = edit_box ""
+    @save_button = button "Save"
+
+    @save_button.click do
+      new_text = @edit_box.text
+      @note.text = new_text
+      alert("Note saved successfully!")
+    end
+  end
+end

data/examples/parse_xl_funnies.rb

@@ -0,0 +1,58 @@
+require 'nokogiri'
+require 'open-uri'
+require 'tempfile'
+
+class Comic
+  attr_reader :rss, :title
+
+  def initialize(file_path)
+    @rss = Nokogiri::XML(File.open(file_path))
+    @title = @rss.at("//channel/title").text
+  end
+
+  def items
+    @rss.search("//channel/item")
+  end
+
+  def latest_image
+    item = @rss.at("//channel/item[1]")
+    description = item.at("description").text
+    image_url = description.match(/src="([^"]+\.\w+)"/)[1]
+    title = item.at("title").text
+    [title, image_url]
+  end
+end
+
+Shoes.app width: 800, height: 600 do
+  background "#555"
+  @title = "Web Funnies"
+
+  stack margin: 10 do
+    title strong(@title), align: "center", stroke: "#DFA", margin: 0
+    para "(loaded from RSS feeds)", align: "center", stroke: "#DFA", margin: 0
+
+    url = "https://xkcd.com/rss.xml"
+    rss_string = URI.open(url).read
+
+    file = Tempfile.new('download')
+    file.write(rss_string)
+    file.close
+    file_path = file.path
+
+    c = Comic.new(file_path)
+
+    stack width: "100%", margin: 10, border: 1 do
+      stack  do
+        background "#333", curve: 4
+        caption c.title, stroke: "#CD9", margin: 4
+      end
+
+      title, image_url = c.latest_image
+
+      flow do
+        image image_url
+        para strong(title), margin: 8, stroke: white
+      end
+    end
+  end
+end

data/examples/progress.rb

@@ -0,0 +1,31 @@
+Shoes.app(width: 400, height: 300) do
+    flow do
+      stack(width: 0.5) do
+        para "this is initally at 30%"
+        @progress1 = progress fraction: 0.3
+
+        para "this is initally at 60%"
+        @progress2 = progress fraction: 0.6
+
+        para "this is initally at 80%"
+        @progress3 = progress fraction: 0.8
+
+        para "this is a normal progress bar with no initial value"
+        @progress4 = progress
+      end
+
+      stack(width: 0.5) do
+        @start = button "Start"
+        @start.click { start_progress }
+      end
+    end
+
+    def start_progress
+      animate do
+        @progress1.fraction += 0.01
+        @progress2.fraction += 0.015
+        @progress3.fraction += 0.02
+      end
+    end
+
+  end

data/examples/radio/radio.rb

@@ -0,0 +1,16 @@
+ 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 "a"; para "Kin-Dza-Dza by Georgi Danelia" }
+      flow { radio; para "Children of Heaven by Majid Majidi" }
+      @btn = radio; para "The White Balloon by Jafar Panahi"
+      button "Mark me" do
+        @btn.checked = true
+
+      end
+      button "unmark me" do
+        @btn.checked = false
+      end
+    end
+  end

data/examples/radio/radio_groups.rb

@@ -0,0 +1,18 @@
+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
+    para "Is radio button checked? #{radio(:films).checked?}"
+  end
+end

data/examples/radio/radio_same_slot.rb

@@ -0,0 +1,6 @@
+ 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/rect.rb

@@ -0,0 +1,4 @@
+Shoes.app do
+  para "Behold, the mighty rectangle!"
+  rect 10, 10, 75, 50, 5
+end

data/examples/rotate_shapes.rb

@@ -0,0 +1,17 @@
+Shoes.app(height:600) do
+  rotate 90
+  rect 10, 10, 75, 50, 5
+  rotate 180
+  arrow 100, 100, 30
+  rotate 60
+  arrow 150, 120,40
+  rotate 120
+  arrow 30 ,60 ,40
+  rotate 75
+  arc 50, 50, 120, 100, 60, 225
+  rotate 45
+  arrow :left => 50, :top => 80,
+    :width => 40
+  rotate 180
+  line 100, 100, 200, 200
+end

data/examples/ruby_racer.rb

@@ -1,30 +1,28 @@
 require "benchmark"
 require "stringio"
 
-Shoes.app(title: "Ruby Racer", debug: true) do
+Shoes.app(title: "Ruby Racer") do
   racer1 = nil
   racer2 = nil
 
   flow do
     stack width: 0.45, margin: 5 do
       para "Racer 1", size: :caption
-      racer1 = edit_box(width: "100%", height: 100) do
-        <<~RUBY
-          for i in 1..10
-            a = "1"
-          end
-        RUBY
-      end
+      code1 = <<~RUBY
+        for i in 1..10
+          a = "1"
+        end
+      RUBY
+      racer1 = edit_box(code1, width: "100%", height: 100)
     end
     stack width: 0.45, margin: 5 do
       para "Racer 2", size: :caption
-      racer2 = edit_box(width: "100%", height: 100) do
-        <<~RUBY
-          10.times do
-            a = "1"
-          end
-        RUBY
-      end
+      code2 = <<~RUBY
+        10.times do
+          a = "1"
+        end
+      RUBY
+      racer2 = edit_box(code2, width: "100%", height: 100)
     end
   end