cyberarm_engine 0.25.0 → 0.30.0

data/lib/cyberarm_engine/ui/page.rb

@@ -0,0 +1,39 @@
+module CyberarmEngine
+  class Page
+    include CyberarmEngine::DSL
+    include CyberarmEngine::Common
+
+    attr_reader :parent
+
+    def initialize(parent:)
+      @parent = parent
+
+      @options = {}
+    end
+
+    def options=(options)
+      @options = options
+    end
+
+    def setup
+    end
+
+    def focus
+    end
+
+    def blur
+    end
+
+    def draw
+    end
+
+    def update
+    end
+
+    def button_down(id)
+    end
+
+    def button_up(id)
+    end
+  end
+end

data/lib/cyberarm_engine/ui/style.rb

@@ -1,61 +1,94 @@
-module Gosu
-  class Color
-    def _dump(_level)
-      [
-        "%02X" % alpha,
-        "%02X" % red,
-        "%02X" % green,
-        "%02X" % blue
-      ].join
-    end
-
-    def self._load(hex)
-      argb(hex.to_i(16))
-    end
-  end
-end
-
-module CyberarmEngine
-  class Style
-    attr_reader :hash
-
-    %i[
-      x y z width height min_width min_height max_width max_height color background
-      background_image background_image_mode background_image_color
-      background_nine_slice background_nine_slice_mode background_nine_slice_color background_nine_slice_from_edge
-      background_nine_slice_left background_nine_slice_top background_nine_slice_right background_nine_slice_bottom
-      border_color border_color_left border_color_right border_color_top border_color_bottom
-      border_thickness border_thickness_left border_thickness_right border_thickness_top border_thickness_bottom
-      padding padding_left padding_right padding_top padding_bottom
-      margin margin_left margin_right margin_top margin_bottom
-      background_canvas background_nine_slice_canvas background_image_canvas border_canvas
-
-      fraction_background scroll fill text_wrap v_align h_align delay tag
-      image_width image_height
-
-      default hover active disabled
-    ].each do |item|
-      define_method(item) do
-        @hash[item]
-      end
-      define_method(:"#{item}=") do |value|
-        @hash[item] = value
-      end
-    end
-
-    def initialize(hash = {})
-      h = hash
-      # h = Marshal.load(Marshal.dump(hash))
-
-      h[:default] = {}
-
-      h.each do |key, value|
-        next if value.is_a?(Hash)
-
-        h[:default][key] = value
-      end
-
-      @hash = h
-    end
-  end
-end
+module Gosu
+  class Color
+    def _dump(_level)
+      [
+        "%02X" % alpha,
+        "%02X" % red,
+        "%02X" % green,
+        "%02X" % blue
+      ].join
+    end
+
+    def self._load(hex)
+      argb(hex.to_i(16))
+    end
+  end
+end
+
+module CyberarmEngine
+  class StyleData
+    def initialize(hash = {})
+      @hash = hash
+      @dirty = false
+    end
+
+    %i[
+      x y z design_width width height min_width min_height max_width max_height color background
+      background_image background_image_mode background_image_color
+      background_nine_slice background_nine_slice_mode background_nine_slice_color background_nine_slice_from_edge
+      background_nine_slice_left background_nine_slice_top background_nine_slice_right background_nine_slice_bottom
+      border_color border_color_left border_color_right border_color_top border_color_bottom
+      border_thickness border_thickness_left border_thickness_right border_thickness_top border_thickness_bottom
+      padding padding_left padding_right padding_top padding_bottom
+      margin margin_left margin_right margin_top margin_bottom
+      aspect_ratio
+
+      fraction_background scroll fill text_wrap v_align h_align delay tag font
+      text_align text_static text_size
+      text_shadow text_shadow_size text_shadow_alpha text_shadow_color
+      text_border text_border_size text_border_alpha text_border_color
+      image_width image_height
+    ].each do |item|
+      define_method(item) do
+        @hash[item]
+      end
+      define_method(:"#{item}=") do |value|
+        @dirty = true if @hash[item] != value
+
+        @hash[item] = value
+      end
+    end
+
+    # NOTE: do not change return value
+    def default
+      nil
+    end
+
+    def dirty?
+      @dirty
+    end
+
+    def mark_clean!
+      @dirty = false
+    end
+
+    def empty?
+      @hash.empty?
+    end
+  end
+
+  class Style < StyleData
+    attr_reader :hash, :hover, :active, :disabled
+
+    def initialize(hash = {})
+      @hash = hash
+
+      @hover = StyleData.new(hash[:hover] || {})
+      @active = StyleData.new(hash[:active] || {})
+      @disabled = StyleData.new(hash[:disabled] || {})
+
+      @substyles = [@hover, @active, @disabled]
+
+      super
+    end
+
+    def dirty?
+      @dirty || @substyles.any?(&:dirty?)
+    end
+
+    def mark_clean!
+      @substyles.each(&:mark_clean!)
+      @dirty = false
+    end
+  end
+end

data/lib/cyberarm_engine/ui/theme.rb

@@ -1,225 +1,237 @@
-module CyberarmEngine
-  module Theme
-    def default(*args)
-      value = @options
-      args.each do |arg|
-        value = value.dig(arg)
-      end
-
-      value
-    end
-
-    def theme_defaults(options)
-      raise "Error" unless self.class.ancestors.include?(CyberarmEngine::Element)
-
-      _theme = THEME
-      _theme = deep_merge(_theme, options[:theme]) if options[:theme]
-      _theme.delete(:theme) if options[:theme]
-
-      hash = {}
-      class_names = self.class.ancestors
-      class_names = class_names[0..class_names.index(CyberarmEngine::Element)].map! do |c|
-        c.to_s.split("::").last.to_sym
-      end.reverse!
-
-      class_names.each do |klass|
-        next unless data = _theme.dig(klass)
-
-        data.each do |_key, _value|
-          hash.merge!(data)
-        end
-      end
-
-      deep_merge(hash, options)
-    end
-
-    # Derived from Rails Hash#deep_merge!
-    # Enables passing partial themes through Element options without issue
-    def deep_merge(original, intergrate, &block)
-      original.merge(intergrate) do |key, this_val, other_val|
-        if this_val.is_a?(Hash) && other_val.is_a?(Hash)
-          deep_merge(this_val, other_val, &block)
-        elsif block_given?
-          block.call(key, this_val, other_val)
-        else
-          other_val
-        end
-      end
-    end
-
-    THEME = {
-      Element: {
-        x: 0,
-        y: 0,
-        z: 30,
-
-        width: nil,
-        height: nil,
-        color: Gosu::Color::WHITE,
-        background: Gosu::Color::NONE,
-        margin: 0,
-        padding: 0,
-        border_thickness: 0,
-        border_color: Gosu::Color::NONE,
-        border_radius: 0
-      },
-
-      Container: { # < Element (Base class for Stack and Flow)
-        debug_color: Gosu::Color::YELLOW
-      },
-
-      Button: { # < Label
-        margin: 1,
-        padding: 4,
-        border_thickness: 1,
-        border_color: ["ffd59674".hex, "ffff8746".hex],
-        border_radius: 0,
-        background: ["ffc75e61".to_i(16), "ffe26623".to_i(16)],
-        text_align: :center,
-        text_v_align: :center,
-        text_wrap: :none,
-
-        hover: {
-          color: Gosu::Color.rgb(200, 200, 200),
-          background: ["ffB23E41".to_i(16), "ffFF7C00".to_i(16)]
-        },
-
-        active: {
-          color: Gosu::Color::BLACK,
-          background: ["ffB23E41".to_i(16)]
-        },
-
-        disabled: {
-          color: Gosu::Color::GRAY,
-          background: 0xff303030
-        }
-      },
-
-      EditLine: { # < Button
-        type: :text,
-        width: 200,
-        password_character: "•",
-        caret_width: 2,
-        caret_color: Gosu::Color::WHITE,
-        caret_interval: 500,
-        selection_color: Gosu::Color.rgba(255, 128, 50, 200),
-        text_align: :left,
-        text_static: false # static text causes issues correctly displaying caret position
-      },
-
-      EditBox: { # < EditLine
-        text_v_align: :top
-      },
-
-      Image: { # < Element
-        color: Gosu::Color::WHITE,
-        tileable: false,
-        retro: false
-      },
-
-      TextBlock: { # < Element
-        text_size: 28,
-        text_wrap: :word_wrap, # :word_wrap, :break_word, :none
-        text_shadow: false,
-        text_border: false,
-        text_align: :left,
-        font: "Arial",
-        margin: 0,
-        padding: 2,
-        disabled: {
-          color: Gosu::Color.rgb(175, 175, 175),
-        }
-      },
-
-      Banner: { # < TextBlock
-        text_size: 48
-      },
-
-      Title: { # < TextBlock
-        text_size: 34
-      },
-
-      Subtitle: { # < TextBlock
-        text_size: 26
-      },
-
-      Tagline: { # < TextBlock
-        text_size: 24
-      },
-
-      Caption: { # < TextBlock
-        text_size: 22
-      },
-
-      Para: { # < TextBlock
-        text_size: 18
-      },
-
-      Inscription: { # < TextBlock
-        text_size: 16
-      },
-
-      ToolTip: { # < TextBlock
-        delay: 100, # ms
-        color: Gosu::Color::WHITE,
-        padding_top: 4,
-        padding_bottom: 4,
-        padding_left: 8,
-        padding_right: 8,
-        border_thickness: 1,
-        border_color: 0xffaaaaaa,
-        background: 0xff404040
-      },
-      Link: { # < TextBlock
-        color: Gosu::Color::BLUE,
-        border_thickness: 1,
-        border_bottom_color: Gosu::Color::BLUE,
-        hover: {
-          color: 0xff_ff00ff,
-          border_bottom_color: 0xff_ff00ff
-        },
-        active: {
-          color: 0xff_ff0000,
-          border_bottom_color: 0xff_ff0000
-        }
-      },
-
-      ToggleButton: { # < Button
-        checkmark: "√"
-      },
-
-      CheckBox: { # < Flow
-        text_wrap: :none
-      },
-
-      Progress: { # < Element
-        width: 250,
-        height: 36,
-        background: 0xff111111,
-        fraction_background: [0xffc75e61, 0xffe26623],
-        border_thickness: 1,
-        border_color: [0xffd59674, 0xffff8746]
-      },
-
-      Slider: { # < Element
-        width: 250,
-        height: 36,
-        background: 0xff111111,
-        fraction_background: [0xffc75e61, 0xffe26623],
-        border_thickness: 1,
-        border_color: [0xffd59674, 0xffff8746]
-      },
-      Menu: { # < Stack
-        width: 200,
-        border_color: 0xaa_efefef,
-        border_thickness: 1
-      },
-
-      MenuItem: { # < Button
-        width: 1.0,
-        text_left: :left,
-        margin: 0
-      }
-    }.freeze
-  end
-end
+module CyberarmEngine
+  module Theme
+    def default(*args)
+      value = @options
+      args.each do |arg|
+        value = value.dig(arg)
+      end
+
+      value
+    end
+
+    def theme_defaults(options)
+      raise "Error" unless self.class.ancestors.include?(CyberarmEngine::Element)
+
+      _theme = THEME
+      _theme = deep_merge(_theme, options[:theme]) if options[:theme]
+      _theme.delete(:theme) if options[:theme]
+
+      hash = {}
+      class_names = self.class.ancestors
+      class_names = class_names[0..class_names.index(CyberarmEngine::Element)].map! do |c|
+        c.to_s.split("::").last.to_sym
+      end.reverse!
+
+      class_names.each do |klass|
+        next unless data = _theme.dig(klass)
+
+        data.each do |_key, _value|
+          hash.merge!(data)
+        end
+      end
+
+      # css-like style classes, however First In, First Out- that is,
+       options[:style_class]&.each do |klass|
+         hash = deep_merge(hash, _theme[klass]) if _theme[klass]
+       end
+
+      deep_merge(hash, options)
+    end
+
+    # Derived from Rails Hash#deep_merge!
+    # Enables passing partial themes through Element options without issue
+    def deep_merge(original, intergrate, &block)
+      original.merge(intergrate) do |key, this_val, other_val|
+        if this_val.is_a?(Hash) && other_val.is_a?(Hash)
+          deep_merge(this_val, other_val, &block)
+        elsif block_given?
+          block.call(key, this_val, other_val)
+        else
+          other_val
+        end
+      end
+    end
+
+    THEME = {
+      Element: {
+        x: 0,
+        y: 0,
+        z: 30,
+
+        design_width: nil,
+        width: nil,
+        height: nil,
+        color: Gosu::Color::WHITE,
+        background: Gosu::Color::NONE,
+        margin: 0,
+        padding: 0,
+        border_thickness: 0,
+        border_color: Gosu::Color::NONE,
+        border_radius: 0
+      },
+
+      Container: { # < Element (Base class for Stack and Flow)
+        debug_color: Gosu::Color::YELLOW
+      },
+
+      Button: { # < TextBlock
+        margin: 1,
+        padding: 4,
+        border_thickness: 1,
+        border_color: [0xffd59674, 0xffff8746],
+        border_radius: 0,
+        background: [0xffc75e61, 0xffe26623],
+        text_align: :center,
+        text_v_align: :center,
+        text_wrap: :none,
+
+        hover: {
+          color: Gosu::Color.rgb(200, 200, 200),
+          background: [0xffB23E41, 0xffFF7C00]
+        },
+
+        active: {
+          color: Gosu::Color::BLACK,
+          background: [0xffB23E41]
+        },
+
+        disabled: {
+          color: Gosu::Color::GRAY,
+          background: 0xff303030
+        }
+      },
+
+      EditLine: { # < Button
+        type: :text,
+        width: 200,
+        password_character: "•",
+        caret_width: 2,
+        caret_color: Gosu::Color::WHITE,
+        caret_interval: 500,
+        selection_color: Gosu::Color.rgba(255, 128, 50, 200),
+        text_align: :left,
+        text_static: false # static text causes issues correctly displaying caret position
+      },
+
+      EditBox: { # < EditLine
+        text_v_align: :top
+      },
+
+      Image: { # < Element
+        color: Gosu::Color::WHITE,
+        tileable: false,
+        retro: false
+      },
+
+      TextBlock: { # < Element
+        text_size: 28,
+        text_wrap: :word_wrap, # :word_wrap, :break_word, :none
+        text_shadow: false,
+        text_shadow_color: 0,
+        text_shadow_alpha: 30,
+        text_shadow_size: 2,
+        text_border: false,
+        text_border_color: 0,
+        text_border_alpha: 30,
+        text_border_size: 2,
+        text_align: :left,
+        font: "Arial",
+        margin: 0,
+        padding: 2,
+        disabled: {
+          color: Gosu::Color.rgb(175, 175, 175),
+        }
+      },
+
+      Banner: { # < TextBlock
+        text_size: 48
+      },
+
+      Title: { # < TextBlock
+        text_size: 34
+      },
+
+      Subtitle: { # < TextBlock
+        text_size: 26
+      },
+
+      Tagline: { # < TextBlock
+        text_size: 24
+      },
+
+      Caption: { # < TextBlock
+        text_size: 22
+      },
+
+      Para: { # < TextBlock
+        text_size: 18
+      },
+
+      Inscription: { # < TextBlock
+        text_size: 16
+      },
+
+      ToolTip: { # < TextBlock
+        delay: 100, # ms
+        color: Gosu::Color::WHITE,
+        padding_top: 4,
+        padding_bottom: 4,
+        padding_left: 8,
+        padding_right: 8,
+        border_thickness: 1,
+        border_color: 0xffaaaaaa,
+        background: 0xff404040
+      },
+      Link: { # < TextBlock
+        color: Gosu::Color::BLUE,
+        border_thickness: 1,
+        border_bottom_color: Gosu::Color::BLUE,
+        hover: {
+          color: 0xff_ff00ff,
+          border_bottom_color: 0xff_ff00ff
+        },
+        active: {
+          color: 0xff_ff0000,
+          border_bottom_color: 0xff_ff0000
+        }
+      },
+
+      ToggleButton: { # < Button
+        checkmark: "√"
+      },
+
+      CheckBox: { # < Flow
+        text_wrap: :none
+      },
+
+      Progress: { # < Element
+        width: 250,
+        height: 36,
+        background: 0xff111111,
+        fraction_background: [0xffc75e61, 0xffe26623],
+        border_thickness: 1,
+        border_color: [0xffd59674, 0xffff8746]
+      },
+
+      Slider: { # < Element
+        width: 250,
+        height: 36,
+        background: 0xff111111,
+        fraction_background: [0xffc75e61, 0xffe26623],
+        border_thickness: 1,
+        border_color: [0xffd59674, 0xffff8746]
+      },
+      Menu: { # < Stack
+        width: 200,
+        border_color: 0xaa_efefef,
+        border_thickness: 1
+      },
+
+      MenuItem: { # < Button
+        width: 1.0,
+        text_left: :left,
+        margin: 0
+      }
+    }.freeze
+  end
+end