scarpe 0.2.2 → 0.4.0

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/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/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_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,4 +1,7 @@
+# html_ci: false
+# Note: fonts render differently in CI
+
 Shoes.app do
-  font "fonts/Pacifico.ttf"
-  para "Hello yayyy"
+  font "#{DIR}/fonts/Pacifico.ttf"
+  para "Hello yayyy", font: "Pacifico"
 end

data/examples/local_images.rb

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

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/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/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/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_groups.rb

@@ -1,4 +1,4 @@
- Shoes.app do
+Shoes.app do
   stack do
     para "Among these films, which do you prefer?"
     flow do
@@ -13,6 +13,6 @@
       radio :films
       para "Children of Heaven by Majid Majidi"
     end
-    puts radio(:films).checked?
+    para "Is radio button checked? #{radio(:films).checked?}"
   end
 end

data/examples/rect.rb

@@ -0,0 +1,4 @@
+Shoes.app do
+  para "Behold, the mighty rectangle!"
+  rect 10, 10, 75, 50, 5, stroke: red, fill: green
+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/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/simpler-menu.rb

@@ -0,0 +1,21 @@
+# Cut down from a more complicated example widget
+
+class MenuPanel < Shoes::Widget
+  @@boxes = []
+  def initialize(color, args)
+    @@boxes << self
+    background color
+    para "Box #{@@boxes.length}",
+        :margin => 18, :align => "center", :size => 20
+  end
+end
+
+Shoes.app :width => 400, :height => 130 do
+  #style(Link, :underline => nil)
+  #style(LinkHover, :fill => nil, :underline => nil)
+  menu_panel green,  :width => 175, :height => 120, :margin => 4
+  menu_panel blue,   :width => 140, :height => 120, :margin => 4
+  menu_panel red,    :width => 135, :height => 120, :margin => 4
+  menu_panel purple, :width => 125, :height => 120, :margin => 4
+end
+

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

data/exe/scarpe

@@ -38,6 +38,7 @@ add_env_categories("Scarpe::WV" => [
   env_or_default("SCARPE_TEST_CONTROL", "(none)"),
   env_or_default("SCARPE_TEST_RESULTS", "(none)"),
   env_or_default("SCARPE_TEST_DEBUG", "(none)"),
+  env_or_default("SCARPE_HTML_RENDERER", "calzini"),
 ])
 
 verb = "run"
@@ -76,7 +77,7 @@ when "-v"
   puts "Lacci #{Lacci::VERSION}"
 when "run"
   # Run the Scarpe app file
-  Shoes.run_app ARGV[0]
+  Shoes.run_app verb_target
 when "env"
   print_env
 else

data/lacci/Gemfile

@@ -4,6 +4,8 @@ source "https://rubygems.org"
 
 gemspec
 
+gem "scarpe-components", path: "../scarpe-components"
+
 gem "rake", "~> 13.0"
 
 group :test do

data/lacci/Gemfile.lock

@@ -1,7 +1,13 @@
+PATH
+  remote: ../scarpe-components
+  specs:
+    scarpe-components (0.3.0)
+
 PATH
   remote: .
   specs:
-    lacci (0.2.1)
+    lacci (0.3.0)
+      scarpe-components
 
 GEM
   remote: https://rubygems.org/
@@ -66,6 +72,7 @@ DEPENDENCIES
   redcarpet
   rubocop (~> 1.21)
   rubocop-shopify
+  scarpe-components!
   yard
 
 BUNDLED WITH