scarpe 0.3.0 → 0.5.0

data/tasks/check_html_fixtures.rb

@@ -0,0 +1,140 @@
+# frozen_string_literal: false
+require 'diff/lcs'
+require 'diff/lcs/hunk'
+require 'fileutils'
+require "htmlbeautifier"
+
+puts "== Checking HTML fixtures =="
+
+
+# Get top-level Ruby examples
+file_paths = Dir["examples/*.rb"]
+
+# Get each filename, or one if supplied as argument
+file_names = if ENV['SELECTED_FILE']
+  [ENV['SELECTED_FILE']]
+else
+  file_paths.map do |file|
+    File.basename(file) # Exclude the file extension
+  end
+end
+
+collection_of_html = []
+any_failures = false
+failures = []
+
+# ASCII color and format codes
+red = "\e[31m"
+green = "\e[32m"
+bold = "\e[1m"
+reset = "\e[0m"
+
+def diff_as_string(data_new, data_old, file_name)
+  data_old = data_old.split(/\n/).map! { |e| e.chomp }
+  data_new = data_new.split(/\n/).map! { |e| e.chomp }
+
+  diffs = Diff::LCS.diff(data_old, data_new)
+  return if diffs.empty?
+
+  context_lines = 1
+
+  oldhunk = hunk = nil
+  file_length_difference = 0
+
+  output = ""
+  diffs.each do |piece|
+    begin
+      hunk = Diff::LCS::Hunk.new(data_old, data_new, piece,
+                context_lines,
+                file_length_difference
+                )
+      file_length_difference = hunk.file_length_difference
+
+      next unless oldhunk
+
+      # Hunks may overlap, which is why we need to be careful when our
+      # diff includes lines of context. Otherwise, we might print
+      # redundant lines.
+      if (context_lines > 0) and hunk.overlaps?(oldhunk)
+        hunk.unshift(oldhunk)
+      else
+        output << oldhunk.diff(:unified, "#{file_name}:") << "\n"
+      end
+    ensure
+      oldhunk = hunk
+    end
+  end
+
+  #Handle the last remaining hunk
+  output << oldhunk.diff(:unified, "#{file_name}:") << "\n"
+end
+
+file_names.each do |file_name|
+  # Read the entire file
+  content = File.read(File.join(File.expand_path("../examples", __dir__),"#{file_name}"))
+  # Skip this file if it contains the magic comment
+  next if content.include?("# html_ci: false")
+
+  output = ""
+  pid = nil
+  command = "bundle exec ./exe/scarpe examples/#{file_name} --dev --debug"
+
+  IO.popen(command) do |io|
+    pid = io.pid # captures the pid of the child process
+    io.each_line do |line|
+      output << line
+      if line.include?(":heartbeat")
+        Process.kill("SIGKILL", pid)
+        break
+      end
+    end
+  end
+
+  def match_output(logs)
+    logs.match(/(?<=code_string = ").*(?=")/)[0].split("`")[1]
+  end
+
+  def format_html(html)
+    html.gsub!(/\\/, "") # Remove all backslashes
+    html
+  end
+
+  html = format_html(
+    match_output(output),
+  )
+  # puts formatted_html
+  pretty_html = HtmlBeautifier.beautify(html)
+
+  # Compare to fixture
+  dir_path = "test/wv/html_fixtures"
+  begin
+  file_path = "#{dir_path}/#{file_name.split(".")[0]}.html"
+  expected_output = File.read(file_path)
+  rescue => e
+    raise "Hey, you need to regenerate fixtures, do this using command 'rake test:regenerate_html_fixtures' "
+  end
+  # Do the comparison
+  # diff = Diff::LCS.diff(pretty_html, expected_output)
+  diff_output = diff_as_string(pretty_html, expected_output, file_name)
+
+  if diff_output.nil?
+    puts "#{green}#{bold}PASSED#{reset}: #{file_name}"
+  else
+    puts "#{red}#{bold}FAILED#{reset}: #{file_name}\nDiff:"
+    puts diff_output
+    print reset
+    failures << file_name  # Add name of failed file to the array
+  end
+end
+
+unless failures.empty?
+  puts "\n=== #{bold}Summary#{reset} ==="
+  puts "The following files have had their HTML output change with your changes"
+  puts "This may indicate an error. Please check the diff and update the fixture if necessary."
+  puts "You can update the fixture by running #{bold}`rake test:regenerate_html_fixtures`#{reset}\n\n"
+  failures.each do |file|
+    puts "#{red}#{file}#{reset}"
+  end
+  exit 1
+end
+puts "== Completed HTML fixture check =="

data/tasks/regenerate_html_fixtures.rb

@@ -0,0 +1,104 @@
+# frozen_string_literal: false
+
+puts "== Regenerating HTML fixtures =="
+
+require 'fileutils'
+
+# Get top-level Ruby examples
+file_paths = Dir["examples/*.rb"]
+
+# Get each filename, or one if supplied as argument
+file_names = if ENV['SELECTED_FILE']
+  [ENV['SELECTED_FILE']]
+else
+  file_paths.map do |file|
+    File.basename(file) # Exclude the file extension
+  end
+end
+
+collection_of_html = []
+file_names.each do |file_name|
+  # Read the entire file
+  content = File.read(File.join(File.expand_path("../examples", __dir__),"#{file_name}"))
+  # Skip this file if it contains the magic comment
+  next if content.include?("# html_ci: false")
+
+  output = ""
+  pid = nil
+  command = "bundle exec ./exe/scarpe examples/#{file_name} --dev --debug"
+
+  IO.popen(command) do |io|
+    pid = io.pid # captures the pid of the child process
+    io.each_line do |line|
+      output << line
+      if line.include?(":heartbeat")
+        Process.kill("SIGKILL", pid)
+        break
+      end
+    end
+  end
+
+  # EXAMPLE_OF_WHAT_OUTPUT_LOOKS_LIKE = <<~OUTPUT
+  #    INFO  WebviewAPI : Method: set_title Args: ["Shoes!"] KWargs: {} Block: n Return: nil
+  #    INFO  WebviewAPI : Method: set_size Args: [480, 420, 0] KWargs: {} Block: n Return: nil
+  #    INFO  WebviewAPI : Method: navigate Args: ["data:text/html, %3Chtml%3E%0A++%3Chead+id%3D%27head-wvroot%27%3E%0A++++%3Cstyle+id%3D%27style-wvroot%27%3E%0A++++++%2F%2A%2A+Style+resets+%2A%2A%2F%0A++++++body+%7B%0A++++++++font-family%3A+arial%2C+Helvetica%2C+sans-serif%3B%0A++++++++margin%3A+0%3B%0A++++++++height%3A+100%25%3B%0A++++++++overflow%3A+hidden%3B%0A++++++%7D%0A++++++p+%7B%0A++++++++margin%3A+0%3B%0A++++++%7D%0A++++++%23wrapper-wvroot+%7B%0A++++++++height%3A+100%25%3B%0A++++++++width%3A+100%25%3B%0A++++++%7D%0A++++%3C%2Fstyle%3E%0A++%3C%2Fhead%3E%0A++%3Cbody+id%3D%27body-wvroot%27%3E%0A++++%3Cdiv+id%3D%27wrapper-wvroot%27%3E%3C%2Fdiv%3E%0A++%3C%2Fbody%3E%0A%3C%2Fhtml%3E%0A"] KWargs: {} Block: n Return: nil
+  #    INFO  WebviewAPI : Method: eval Args: ["function patchConsole(fn) {\n  const original = console[fn];\n  console[fn] = function(...args) {\n    original(...args);\n    puts(...args);\n  }\n};\npatchConsole('log');\npatchConsole('info');\npatchConsole('error');\npatchConsole('warn');\n"] KWargs: {} Block: n Return: nil
+  #   DEBUG  Webview::WebWrangler::DOMWrangler : Requesting DOM replacement...
+  #   DEBUG  Webview::WebWrangler::DOMWrangler : Requesting redraw with 1 waiting changes and no waiting promise - need to schedule something!
+  #   DEBUG  Webview::WebWrangler::DOMWrangler : Requesting redraw with 1 waiting changes - scheduling a new redraw for them!
+  #    INFO  WebviewAPI : Method: eval Args: ["(function() {\n  var code_string = "document.getElementById('wrapper-wvroot').innerHTML = `<div id=\\"2\\" style=\\"display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;width:100%;height:100%\\"><button id=\\"3\\" onclick=\\"scarpeHandler('3-click')\\" onmouseover=\\"scarpeHandler('3-hover')\\">Push me</button><div id=\\"root-fonts\\"></div><div id=\\"root-alerts\\"> </div></div>`; true";\n  try {\n    result = eval(code_string);\n    scarpeAsyncEvalResult("success", 0, result);\n  } catch(error) {\n    scarpeAsyncEvalResult("error", 0, error.message);\n  }\n})();\n"] KWargs: {} Block: n Return: nil
+  #   DEBUG  Webview::WebWrangler : Scheduled JS: (0)
+  #   (function() {
+  #     var code_string = "document.getElementById('wrapper-wvroot').innerHTML = `<div id="2" style="display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;width:100%;height:100%"><button id="3" onclick="scarpeHandler('3-click')" onmouseover="scarpeHandler('3-hover')">Push me</button><div id="root-fonts"></div><div id="root-alerts"> </div></div>`; true";
+  #     try {
+  #       result = eval(code_string);
+  #       scarpeAsyncEvalResult("success", 0, result);
+  #     } catch(error) {
+  #       scarpeAsyncEvalResult("error", 0, error.message);
+  #     }
+  #   })();
+  # OUTPUT
+
+  require "htmlbeautifier"
+
+  def match_output(logs)
+    logs.match(/(?<=code_string = ").*(?=")/)[0].split("`")[1]
+  end
+
+  def format_html(html)
+    html.gsub!(/\\/, "") # Remove all backslashes
+    html
+  end
+
+  html = format_html(
+    match_output(output),
+  )
+  # puts formatted_html
+  pretty_html = HtmlBeautifier.beautify(html)
+
+  collection_of_html << [file_name, pretty_html]
+
+  # EXAMPLE_OF_WHAT_PRETTY_HTML_LOOKS_LIKE = <<~PRETTY_HTML
+  # <div id="2" style="display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;width:100%;height:100%"><button id="3" onclick="scarpeHandler('3-click')" onmouseover="scarpeHandler('3-hover')">Push me</button>
+  #   <div id="root-fonts"></div>
+  #   <div id="root-alerts"> </div>
+  # </div>
+  # PRETTY_HTML
+
+  # Write to fixtures
+  dir_path = "test/wv/html_fixtures"
+  file_path = "#{dir_path}/#{file_name.split(".")[0]}.html"
+
+  # Create the directory if it doesn't exist
+  FileUtils.mkdir_p(dir_path)
+
+  # Write the HTML to the file
+  File.write(file_path, pretty_html)
+
+
+  collection_of_html << [file_name, html]
+end
+
+# Show how it looks
+# collection_of_html.map { |file_name, html| puts "File: #{file_name}\n\n HTML: #{html}" }
+puts "HTML fixtures regenerated successfully!"

data/templates/class_template_with_shapes.erb

@@ -19,16 +19,5 @@ module Scarpe
 
     private
 
-    def convert_to_integer(value, attribute_name, default = 0)
-      begin
-        value = Integer(value)
-        raise InvalidAttributeValueError, "Negative num '#{value}' not allowed for attribute '#{attribute_name}'" if value < 0
-
-        value
-      rescue ArgumentError
-        error_message = "Invalid value '#{value}' provided for attribute '#{attribute_name}'. The value should be a number."
-        raise InvalidAttributeValueError, error_message
-      end
-    end
   end
 end