lacci 0.2.1 → 0.3.0

data/lib/scarpe/wv/image.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-require "scarpe/base64"
-
-class Scarpe
-  class WebviewImage < WebviewWidget
-    include Base64
-    def initialize(properties)
-      super
-
-      @url = valid_url?(@url) ? @url : "data:image/png;base64,#{encode_file_to_base64(@url)}"
-    end
-
-    def element
-      if @click
-        HTML.render do |h|
-          h.a(id: html_id, href: @click) { h.img(id: html_id, src: @url, style:) }
-        end
-      else
-        HTML.render do |h|
-          h.img(id: html_id, src: @url, style:)
-        end
-      end
-    end
-
-    private
-
-    def style
-      styles = {}
-
-      styles[:width] = Dimensions.length(@width) if @width
-      styles[:height] = Dimensions.length(@height) if @height
-
-      styles[:top] = Dimensions.length(@top) if @top
-      styles[:left] = Dimensions.length(@left) if @left
-      styles[:position] = "absolute" if @top || @left
-
-      styles
-    end
-  end
-end

data/lib/scarpe/wv/line.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "shape_helper"
-class Scarpe
-  class WebviewLine < Scarpe::WebviewWidget
-    include ShapeHelper
-
-    def initialize(properties)
-      super(properties)
-    end
-
-    def element
-      HTML.render do |h|
-        h.div(id: html_id, style: style) do
-          h.svg(width: @x2, height: @y2) do
-            h.line(x1: @left, y1: @top, x2: @x2, y2: @y2, style: line_style)
-          end
-        end
-      end
-    end
-
-    private
-
-    def style
-      {
-        left: "#{@left}px",
-        top: "#{@top}px",
-      }
-    end
-
-    def line_style
-      {
-        stroke: " #{@color}",
-        "stroke-width": "4",
-      }
-    end
-  end
-end

data/lib/scarpe/wv/link.rb

@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewLink < WebviewWidget
-    def initialize(properties)
-      super
-
-      bind("click") do
-        send_self_event(event_name: "click")
-      end
-    end
-
-    def element
-      HTML.render do |h|
-        h.a(**attributes) do
-          @text
-        end
-      end
-    end
-
-    def attributes
-      {
-        id: html_id,
-        href: @click,
-        onclick: (handler_js_code("click") if @has_block),
-      }.compact
-    end
-  end
-end

data/lib/scarpe/wv/list_box.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewListBox < Scarpe::WebviewWidget
-    attr_reader :selected_item, :items, :height, :width
-
-    def initialize(properties)
-      super(properties)
-
-      # The JS handler sends a "change" event, which we forward to the Shoes widget tree
-      bind("change") do |new_item|
-        send_self_event(new_item, event_name: "change")
-      end
-    end
-
-    def properties_changed(changes)
-      selected = changes.delete("selected_item")
-      if selected
-        html_element.value = selected
-      end
-      super
-    end
-
-    def element
-      onchange = handler_js_code("change", "this.options[this.selectedIndex].value")
-
-      select_attrs = { id: html_id, onchange: onchange, style: style }
-      option_attrs = { value: nil, selected: false }
-
-      HTML.render do |h|
-        h.select(**select_attrs) do
-          items.each do |item|
-            h.option(**option_attrs, value: item, selected: (item == selected_item)) { item }
-          end
-        end
-      end
-    end
-
-    private
-
-    def style
-      styles = {}
-
-      styles[:height] = Dimensions.length(height) if height
-      styles[:width] = Dimensions.length(width) if width
-
-      styles.compact
-    end
-  end
-end

data/lib/scarpe/wv/para.rb

@@ -1,90 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewPara < WebviewWidget
-    SIZES = {
-      inscription: 10,
-      ins: 10,
-      para: 12,
-      caption: 14,
-      tagline: 18,
-      subtitle: 26,
-      title: 34,
-      banner: 48,
-    }.freeze
-    private_constant :SIZES
-
-    def initialize(properties)
-      super
-    end
-
-    def properties_changed(changes)
-      items = changes.delete("text_items")
-      if items
-        html_element.inner_html = to_html
-        return
-      end
-
-      # Not deleting, so this will re-render
-      if changes["size"] && SIZES[@size.to_sym]
-        @size = @size.to_sym
-      end
-
-      super
-    end
-
-    def items_to_display_children(items)
-      return [] if items.nil?
-
-      items.map do |item|
-        if item.is_a?(String)
-          item
-        else
-          WebviewDisplayService.instance.query_display_widget_for(item)
-        end
-      end
-    end
-
-    def element(&block)
-      HTML.render do |h|
-        h.p(**options, &block)
-      end
-    end
-
-    def to_html
-      @children ||= []
-
-      element { child_markup }
-    end
-
-    private
-
-    def child_markup
-      items_to_display_children(@text_items).map do |child|
-        if child.respond_to?(:to_html)
-          child.to_html
-        else
-          child.gsub("\n", "<br>")
-        end
-      end.join
-    end
-
-    def options
-      @html_attributes.merge(id: html_id, style: style)
-    end
-
-    def style
-      {
-        "color" => rgb_to_hex(@stroke),
-        "font-size" => font_size,
-        "font-family" => @font,
-      }.compact
-    end
-
-    def font_size
-      font_size = @size.is_a?(Symbol) ? SIZES[@size] : @size
-
-      Dimensions.length(font_size)
-    end
-  end
-end

data/lib/scarpe/wv/shape.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "shape_helper"
-
-class Scarpe
-  # Should inherit from Slot?
-  class WebviewShape < Scarpe::WebviewWidget
-    include ShapeHelper
-
-    def initialize(properties)
-      @color = color_for_fill
-      super(properties)
-    end
-
-    def element(&block)
-      HTML.render do |h|
-        h.div(id: html_id, style: style) do
-          h.svg(width: "400", height: "500") do
-            h.path(d: shape_path, style: "fill:#{@color};stroke-width:2;")
-          end
-          block.call(h) if block_given?
-        end
-      end
-    end
-
-    private
-
-    def style
-      {
-        width: "400",
-        height: "900",
-      }
-    end
-  end
-end

data/lib/scarpe/wv/shape_helper.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-module ShapeHelper
-  def path_commands
-    $path_commands ||= []
-  end
-
-  def move_to(x, y)
-    validate_coordinates(x, y)
-    path_commands << "M #{x} #{y}"
-  end
-
-  def line_to(x, y)
-    validate_coordinates(x, y)
-    path_commands << "L #{x} #{y}"
-  end
-
-  def shape_path
-    path_commands_str = path_commands.join(" ")
-    path_commands_str
-  end
-
-  def colors
-    $colors ||= []
-  end
-
-  def fill(color)
-    $current_color = color
-  end
-
-  def color_for_fill
-    $current_color || "black"
-  end
-
-  private
-
-  def validate_coordinates(x, y)
-    raise ArgumentError, "Invalid coordinates: x=#{x}, y=#{y}" unless valid_coordinate?(x) && valid_coordinate?(y)
-  end
-
-  def valid_coordinate?(coordinate)
-    coordinate.is_a?(Numeric)
-  end
-end

data/lib/scarpe/wv/slot.rb

@@ -1,81 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewSlot < Scarpe::WebviewWidget
-    include Scarpe::WebviewBackground
-    include Scarpe::WebviewBorder
-    include Scarpe::WebviewSpacing
-
-    def initialize(properties)
-      @event_callbacks = {}
-
-      super
-    end
-
-    def element(&block)
-      HTML.render do |h|
-        h.div(attributes.merge(id: html_id, style: style), &block)
-      end
-    end
-
-    def set_event_callback(obj, event_name, js_code)
-      event_name = event_name.to_s
-      @event_callbacks[event_name] ||= {}
-      if @event_callbacks[event_name][obj]
-        raise "Can't have two callbacks on the same event, from the same object, on the same parent!"
-      end
-
-      @event_callbacks[event_name][obj] = js_code
-
-      update_dom_event(event_name)
-    end
-
-    def remove_event_callback(obj, event_name)
-      event_name = event_name.to_s
-      @event_callbacks[event_name] ||= {}
-      @event_callbacks[event_name].delete(obj)
-
-      update_dom_event(event_name)
-    end
-
-    def remove_event_callbacks(obj)
-      changed = []
-
-      @event_callbacks.each do |event_name, items|
-        changed << event_name if items.delete(obj)
-      end
-
-      changed.each { |event_name| update_dom_event(event_name) }
-    end
-
-    protected
-
-    def update_dom_event(event_name)
-      html_element.set_attribute(event_name, @event_callbacks[event_name].values.join(";"))
-    end
-
-    def attributes
-      attr = {}
-
-      @event_callbacks.each do |event_name, handlers|
-        attr[event_name] = handlers.values.join(";")
-      end
-
-      attr
-    end
-
-    def style
-      styles = super
-
-      styles["margin-top"] = @margin_top if @margin_top
-      styles["margin-bottom"] = @margin_bottom if @margin_bottom
-      styles["margin-left"] = @margin_left if @margin_left
-      styles["margin-right"] = @margin_right if @margin_right
-
-      styles[:width] = Dimensions.length(@width) if @width
-      styles[:height] = Dimensions.length(@height) if @height
-
-      styles
-    end
-  end
-end

data/lib/scarpe/wv/spacing.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  module WebviewSpacing
-    SPACING_DIRECTIONS = [:left, :right, :top, :bottom]
-
-    def style
-      styles = defined?(super) ? super : {}
-
-      extract_spacing_styles_for(:margin, styles, @margin)
-      extract_spacing_styles_for(:padding, styles, @padding)
-
-      styles
-    end
-
-    def extract_spacing_styles_for(attribute, styles, values)
-      values ||= spacing_values_from_options(attribute)
-
-      case values
-      when Hash
-        values.each do |direction, value|
-          styles["#{attribute}-#{direction}"] = Dimensions.length(value)
-        end
-      when Array
-        SPACING_DIRECTIONS.zip(values).to_h.compact.each do |direction, value|
-          styles["#{attribute}-#{direction}"] = Dimensions.length(value)
-        end
-      else
-        styles[attribute] = Dimensions.length(values)
-      end
-
-      styles.compact!
-    end
-
-    def spacing_values_from_options(attribute)
-      SPACING_DIRECTIONS.map do |direction|
-        @options.delete("#{attribute}_#{direction}".to_sym)
-      end
-    end
-  end
-end

data/lib/scarpe/wv/span.rb

@@ -1,66 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewSpan < Scarpe::WebviewWidget
-    SIZES = {
-      inscription: 10,
-      ins: 10,
-      span: 12,
-      caption: 14,
-      tagline: 18,
-      subtitle: 26,
-      title: 34,
-      banner: 48,
-    }.freeze
-    private_constant :SIZES
-
-    def initialize(properties)
-      super
-    end
-
-    def properties_changed(changes)
-      text = changes.delete("text")
-      if text
-        html_element.inner_html = text
-        return
-      end
-
-      # Not deleting, so this will re-render
-      if changes["size"] && SIZES[@size.to_sym]
-        @size = @size.to_sym
-      end
-
-      super
-    end
-
-    def element(&block)
-      HTML.render do |h|
-        h.span(**options, &block)
-      end
-    end
-
-    def to_html
-      element { @text }
-    end
-
-    private
-
-    def options
-      @html_attributes.merge(id: html_id, style: style)
-    end
-
-    def style
-      {
-        "color" => @stroke,
-        "font-size" => font_size,
-        "font-family" => @font,
-      }.compact
-    end
-
-    def font_size
-      font_size = @size.is_a?(Symbol) ? SIZES[@size] : @size
-
-      Dimensions.length(font_size)
-    end
-  end
-end

data/lib/scarpe/wv/stack.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewStack < Scarpe::WebviewSlot
-    def get_style
-      style
-    end
-
-    protected
-
-    def style
-      styles = super
-
-      styles[:display] = "flex"
-      styles["flex-direction"] = "column"
-      styles["align-content"] = "flex-start"
-      styles["justify-content"] = "flex-start"
-      styles["align-items"] = "flex-start"
-      styles["overflow"] = "auto" if @scroll
-
-      styles
-    end
-  end
-end

data/lib/scarpe/wv/star.rb

@@ -1,64 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "shape_helper"
-
-class Scarpe
-  class WebviewStar < Scarpe::WebviewWidget
-    include ShapeHelper
-    def initialize(properties)
-      super(properties)
-    end
-
-    def element(&block)
-      HTML.render do |h|
-        h.div(id: html_id, style: style) do
-          h.svg(width: @outer, height: @outer, style: "fill:#{@color};") do
-            h.polygon(points: star_points, style: "stroke:#{stroke_color};stroke-width:2")
-          end
-          block.call(h) if block_given?
-        end
-      end
-    end
-
-    private
-
-    def style
-      {
-        width: Dimensions.length(@width),
-        height: Dimensions.length(@height),
-      }
-    end
-
-    def star_points
-      get_star_points.join(",")
-    end
-
-    def get_star_points
-      angle = 2 * Math::PI / @points
-      coordinates = []
-
-      @points.times do |i|
-        outer_angle = i * angle
-        inner_angle = outer_angle + angle / 2
-
-        coordinates.concat(get_coordinates(outer_angle, inner_angle))
-      end
-
-      coordinates
-    end
-
-    def get_coordinates(outer_angle, inner_angle)
-      outer_x = @outer / 2 + Math.cos(outer_angle) * @outer / 2
-      outer_y = @outer / 2 + Math.sin(outer_angle) * @outer / 2
-
-      inner_x = @outer / 2 + Math.cos(inner_angle) * @inner / 2
-      inner_y = @outer / 2 + Math.sin(inner_angle) * @inner / 2
-
-      [outer_x, outer_y, inner_x, inner_y]
-    end
-
-    def stroke_color
-      "black"
-    end
-  end
-end

data/lib/scarpe/wv/subscription_item.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe::WebviewSubscriptionItem < Scarpe::WebviewWidget
-  def initialize(properties)
-    super
-
-    bind(@shoes_api_name) do |*args|
-      send_self_event(*args, event_name: @shoes_api_name)
-    end
-  end
-
-  def element
-    ""
-  end
-
-  # This will get called once we know the parent, which is useful for events
-  # like hover, where our subscription is likely to depend on what our parent is.
-  def set_parent(new_parent)
-    super
-
-    case @shoes_api_name
-    when "motion"
-      # TODO: what do we do for whole-screen mousemove outside the window?
-      # Those should be set on body, which right now doesn't have a widget.
-      # TODO: figure out how to handle alt and meta keys - does Shoes3 recognise those?
-      new_parent.set_event_callback(
-        self,
-        "onmousemove",
-        handler_js_code(
-          @shoes_api_name,
-          "arguments[0].x",
-          "arguments[0].y",
-          "arguments[0].ctrlKey",
-          "arguments[0].shiftKey",
-        ),
-      )
-    when "hover"
-      new_parent.set_event_callback(self, "onmouseenter", handler_js_code(@shoes_api_name))
-    when "click"
-      new_parent.set_event_callback(self, "onclick", handler_js_code(@shoes_api_name, "arguments[0].button", "arguments[0].x", "arguments[0].y"))
-    else
-      raise "Unknown Shoes event API: #{@shoes_api_name}!"
-    end
-  end
-
-  def destroy_self
-    @parent.remove_event_callbacks(self)
-    super
-  end
-end

data/lib/scarpe/wv/text_widget.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-class Scarpe
-  class WebviewTextWidget < Scarpe::WebviewWidget
-  end
-
-  class << self
-    def default_wv_text_widget_with(element)
-      webview_class_name = "Webview#{element.capitalize}"
-      webview_widget_class = Class.new(Scarpe::WebviewTextWidget) do
-        def initialize(properties)
-          class_name = self.class.name.split("::")[-1]
-          @html_tag = class_name.delete_prefix("Webview").downcase
-          super
-        end
-
-        def element
-          HTML.render do |h|
-            h.send(@html_tag) { @content.to_s }
-          end
-        end
-      end
-      Scarpe.const_set webview_class_name, webview_widget_class
-    end
-  end
-end
-
-Scarpe.default_wv_text_widget_with(:code)
-Scarpe.default_wv_text_widget_with(:em)
-Scarpe.default_wv_text_widget_with(:strong)