konpeito 0.1.0

data/lib/konpeito/ui/theme.rb

@@ -0,0 +1,563 @@
+# rbs_inline: enabled
+
+# Theme system - design tokens for consistent styling
+# Port of Castella Theme
+#
+# Kind constants for semantic widget styling
+KIND_NORMAL = 0
+KIND_INFO = 1
+KIND_SUCCESS = 2
+KIND_WARNING = 3
+KIND_DANGER = 4
+
+class Theme
+  def initialize
+    # Tokyo Night defaults
+    @bg_canvas = 0xFF1A1B26
+    @bg_primary = 0xFF24283B
+    @bg_secondary = 0xFF414868
+    @bg_overlay = 0xFF1A1B26
+    @text_primary = 0xFFC0CAF5
+    @text_secondary = 0xFF565F89
+    @accent = 0xFF7AA2F7
+    @info = 0xFF7AA2F7
+    @error = 0xFFF7768E
+    @success = 0xFF9ECE6A
+    @warning = 0xFFE0AF68
+    @border = 0xFF414868
+    @border_focus = 0xFF7AA2F7
+    @font_family = "default"
+    @font_size_sm = 12.0
+    @font_size_md = 14.0
+    @font_size_lg = 18.0
+    @font_size_xl = 24.0
+    @spacing_xs = 4.0
+    @spacing_sm = 8.0
+    @spacing_md = 12.0
+    @spacing_lg = 16.0
+    @border_radius = 4.0
+
+    # Kind-specific background colors
+    @bg_info = 0xFF7AA2F7
+    @bg_success = 0xFF9ECE6A
+    @bg_warning = 0xFFE0AF68
+    @bg_danger = 0xFFF7768E
+
+    # Kind-specific text colors (text on colored bg)
+    @text_on_info = 0xFF1A1B26
+    @text_on_success = 0xFF1A1B26
+    @text_on_warning = 0xFF1A1B26
+    @text_on_danger = 0xFF1A1B26
+
+    # Kind-specific hover colors
+    @hover_normal = 0xFF414868
+    @hover_info = 0xFF89B4FA
+    @hover_success = 0xFFB9F27C
+    @hover_warning = 0xFFFFD280
+    @hover_danger = 0xFFFF9E9E
+
+    # Scrollbar colors
+    @scrollbar_bg = 0xFF2A2D3D
+    @scrollbar_fg = 0xFF565F89
+
+    # Selection highlight (50% alpha blue)
+    @bg_selected = 0x807AA2F7
+  end
+
+  # --- Background colors ---
+  #: () -> Integer
+  def bg_canvas
+    @bg_canvas
+  end
+  #: (Integer v) -> Integer
+  def bg_canvas=(v)
+    @bg_canvas = v
+  end
+  #: () -> Integer
+  def bg_primary
+    @bg_primary
+  end
+  #: (Integer v) -> Integer
+  def bg_primary=(v)
+    @bg_primary = v
+  end
+  #: () -> Integer
+  def bg_secondary
+    @bg_secondary
+  end
+  #: (Integer v) -> Integer
+  def bg_secondary=(v)
+    @bg_secondary = v
+  end
+  #: () -> Integer
+  def bg_overlay
+    @bg_overlay
+  end
+  #: (Integer v) -> Integer
+  def bg_overlay=(v)
+    @bg_overlay = v
+  end
+
+  # --- Text colors ---
+  #: () -> Integer
+  def text_primary
+    @text_primary
+  end
+  #: (Integer v) -> Integer
+  def text_primary=(v)
+    @text_primary = v
+  end
+  #: () -> Integer
+  def text_secondary
+    @text_secondary
+  end
+  #: (Integer v) -> Integer
+  def text_secondary=(v)
+    @text_secondary = v
+  end
+
+  # --- Semantic colors ---
+  #: () -> Integer
+  def accent
+    @accent
+  end
+  #: (Integer v) -> Integer
+  def accent=(v)
+    @accent = v
+  end
+  #: () -> Integer
+  def info
+    @info
+  end
+  #: (Integer v) -> Integer
+  def info=(v)
+    @info = v
+  end
+  #: () -> Integer
+  def error
+    @error
+  end
+  #: (Integer v) -> Integer
+  def error=(v)
+    @error = v
+  end
+  #: () -> Integer
+  def success
+    @success
+  end
+  #: (Integer v) -> Integer
+  def success=(v)
+    @success = v
+  end
+  #: () -> Integer
+  def warning
+    @warning
+  end
+  #: (Integer v) -> Integer
+  def warning=(v)
+    @warning = v
+  end
+
+  # --- Border ---
+  #: () -> Integer
+  def border
+    @border
+  end
+  #: (Integer v) -> Integer
+  def border=(v)
+    @border = v
+  end
+  #: () -> Integer
+  def border_focus
+    @border_focus
+  end
+  #: (Integer v) -> Integer
+  def border_focus=(v)
+    @border_focus = v
+  end
+
+  # --- Typography ---
+  #: () -> String
+  def font_family
+    @font_family
+  end
+  #: (String v) -> String
+  def font_family=(v)
+    @font_family = v
+  end
+  #: () -> Float
+  def font_size_sm
+    @font_size_sm
+  end
+  #: () -> Float
+  def font_size_md
+    @font_size_md
+  end
+  #: () -> Float
+  def font_size_lg
+    @font_size_lg
+  end
+  #: () -> Float
+  def font_size_xl
+    @font_size_xl
+  end
+
+  # --- Spacing ---
+  #: () -> Float
+  def spacing_xs
+    @spacing_xs
+  end
+  #: () -> Float
+  def spacing_sm
+    @spacing_sm
+  end
+  #: () -> Float
+  def spacing_md
+    @spacing_md
+  end
+  #: () -> Float
+  def spacing_lg
+    @spacing_lg
+  end
+  #: () -> Float
+  def border_radius
+    @border_radius
+  end
+
+  # --- Scrollbar ---
+  #: () -> Integer
+  def scrollbar_bg
+    @scrollbar_bg
+  end
+  #: (Integer v) -> Integer
+  def scrollbar_bg=(v)
+    @scrollbar_bg = v
+  end
+  #: () -> Integer
+  def scrollbar_fg
+    @scrollbar_fg
+  end
+  #: (Integer v) -> Integer
+  def scrollbar_fg=(v)
+    @scrollbar_fg = v
+  end
+
+  # --- Selection ---
+  #: () -> Integer
+  def bg_selected
+    @bg_selected
+  end
+  #: (Integer v) -> Integer
+  def bg_selected=(v)
+    @bg_selected = v
+  end
+
+  # --- Kind backgrounds ---
+  #: () -> Integer
+  def bg_info
+    @bg_info
+  end
+  #: (Integer v) -> Integer
+  def bg_info=(v)
+    @bg_info = v
+  end
+  #: () -> Integer
+  def bg_success
+    @bg_success
+  end
+  #: (Integer v) -> Integer
+  def bg_success=(v)
+    @bg_success = v
+  end
+  #: () -> Integer
+  def bg_warning
+    @bg_warning
+  end
+  #: (Integer v) -> Integer
+  def bg_warning=(v)
+    @bg_warning = v
+  end
+  #: () -> Integer
+  def bg_danger
+    @bg_danger
+  end
+  #: (Integer v) -> Integer
+  def bg_danger=(v)
+    @bg_danger = v
+  end
+
+  # --- Kind text on bg ---
+  #: () -> Integer
+  def text_on_info
+    @text_on_info
+  end
+  #: (Integer v) -> Integer
+  def text_on_info=(v)
+    @text_on_info = v
+  end
+  #: () -> Integer
+  def text_on_success
+    @text_on_success
+  end
+  #: (Integer v) -> Integer
+  def text_on_success=(v)
+    @text_on_success = v
+  end
+  #: () -> Integer
+  def text_on_warning
+    @text_on_warning
+  end
+  #: (Integer v) -> Integer
+  def text_on_warning=(v)
+    @text_on_warning = v
+  end
+  #: () -> Integer
+  def text_on_danger
+    @text_on_danger
+  end
+  #: (Integer v) -> Integer
+  def text_on_danger=(v)
+    @text_on_danger = v
+  end
+
+  # --- Kind hover ---
+  #: () -> Integer
+  def hover_normal
+    @hover_normal
+  end
+  #: (Integer v) -> Integer
+  def hover_normal=(v)
+    @hover_normal = v
+  end
+  #: () -> Integer
+  def hover_info
+    @hover_info
+  end
+  #: (Integer v) -> Integer
+  def hover_info=(v)
+    @hover_info = v
+  end
+  #: () -> Integer
+  def hover_success
+    @hover_success
+  end
+  #: (Integer v) -> Integer
+  def hover_success=(v)
+    @hover_success = v
+  end
+  #: () -> Integer
+  def hover_warning
+    @hover_warning
+  end
+  #: (Integer v) -> Integer
+  def hover_warning=(v)
+    @hover_warning = v
+  end
+  #: () -> Integer
+  def hover_danger
+    @hover_danger
+  end
+  #: (Integer v) -> Integer
+  def hover_danger=(v)
+    @hover_danger = v
+  end
+
+  # --- Kind-based color methods ---
+
+  #: (Integer kind) -> Integer
+  def button_bg(kind)
+    if kind == 1
+      @bg_info
+    elsif kind == 2
+      @bg_success
+    elsif kind == 3
+      @bg_warning
+    elsif kind == 4
+      @bg_danger
+    else
+      @accent
+    end
+  end
+
+  #: (Integer kind) -> Integer
+  def button_text(kind)
+    if kind == 1
+      @text_on_info
+    elsif kind == 2
+      @text_on_success
+    elsif kind == 3
+      @text_on_warning
+    elsif kind == 4
+      @text_on_danger
+    else
+      @bg_canvas
+    end
+  end
+
+  #: (Integer kind) -> Integer
+  def button_hover(kind)
+    if kind == 1
+      @hover_info
+    elsif kind == 2
+      @hover_success
+    elsif kind == 3
+      @hover_warning
+    elsif kind == 4
+      @hover_danger
+    else
+      @hover_normal
+    end
+  end
+
+  #: (Integer kind) -> Integer
+  def text_color_for_kind(kind)
+    if kind == 1
+      @info
+    elsif kind == 2
+      @success
+    elsif kind == 3
+      @warning
+    elsif kind == 4
+      @error
+    else
+      @text_primary
+    end
+  end
+end
+
+# --- Theme Presets ---
+# Each returns a new Theme with preset colors.
+# Usage: $theme = theme_nord()
+
+#: () -> Theme
+def theme_tokyo_night
+  Theme.new
+end
+
+#: () -> Theme
+def theme_light
+  t = Theme.new
+  t.bg_canvas = 0xFFD5D6DB
+  t.bg_primary = 0xFFE1E2E7
+  t.bg_secondary = 0xFFC4C5CB
+  t.bg_overlay = 0xFFD5D6DB
+  t.text_primary = 0xFF343B58
+  t.text_secondary = 0xFF9699A3
+  t.accent = 0xFF34548A
+  t.info = 0xFF166775
+  t.success = 0xFF485E30
+  t.warning = 0xFF8F5E15
+  t.error = 0xFF8C4351
+  t.border = 0xFFC4C5CB
+  t.border_focus = 0xFF34548A
+  t.bg_info = 0xFF166775
+  t.bg_success = 0xFF485E30
+  t.bg_warning = 0xFF8F5E15
+  t.bg_danger = 0xFF8C4351
+  t.text_on_info = 0xFFE1E2E7
+  t.text_on_success = 0xFFE1E2E7
+  t.text_on_warning = 0xFFE1E2E7
+  t.text_on_danger = 0xFFE1E2E7
+  t.hover_info = 0xFF1A7A8A
+  t.hover_success = 0xFF567236
+  t.hover_warning = 0xFFA87020
+  t.hover_danger = 0xFFA35060
+  t.hover_normal = 0xFFC4C5CB
+  t.scrollbar_bg = 0xFFC4C5CB
+  t.scrollbar_fg = 0xFF9699A3
+  t.bg_selected = 0x8034548A
+  t
+end
+
+#: () -> Theme
+def theme_nord
+  t = Theme.new
+  t.bg_canvas = 0xFF2E3440
+  t.bg_primary = 0xFF3B4252
+  t.bg_secondary = 0xFF434C5E
+  t.text_primary = 0xFFECEFF4
+  t.text_secondary = 0xFFD8DEE9
+  t.accent = 0xFF88C0D0
+  t.info = 0xFF88C0D0
+  t.success = 0xFFA3BE8C
+  t.warning = 0xFFEBCB8B
+  t.error = 0xFFBF616A
+  t.border = 0xFF4C566A
+  t.border_focus = 0xFF88C0D0
+  t.bg_info = 0xFF88C0D0
+  t.bg_success = 0xFFA3BE8C
+  t.bg_warning = 0xFFEBCB8B
+  t.bg_danger = 0xFFBF616A
+  t.text_on_info = 0xFF2E3440
+  t.text_on_success = 0xFF2E3440
+  t.text_on_warning = 0xFF2E3440
+  t.text_on_danger = 0xFFECEFF4
+  t.hover_info = 0xFF8FBCBB
+  t.hover_success = 0xFFB4D89C
+  t.hover_warning = 0xFFF5D9A0
+  t.hover_danger = 0xFFD08770
+  t.hover_normal = 0xFF4C566A
+  t
+end
+
+#: () -> Theme
+def theme_dracula
+  t = Theme.new
+  t.bg_canvas = 0xFF282A36
+  t.bg_primary = 0xFF44475A
+  t.bg_secondary = 0xFF6272A4
+  t.text_primary = 0xFFF8F8F2
+  t.text_secondary = 0xFF6272A4
+  t.accent = 0xFFBD93F9
+  t.info = 0xFF8BE9FD
+  t.success = 0xFF50FA7B
+  t.warning = 0xFFF1FA8C
+  t.error = 0xFFFF5555
+  t.border = 0xFF6272A4
+  t.border_focus = 0xFFBD93F9
+  t.bg_info = 0xFF8BE9FD
+  t.bg_success = 0xFF50FA7B
+  t.bg_warning = 0xFFF1FA8C
+  t.bg_danger = 0xFFFF5555
+  t.text_on_info = 0xFF282A36
+  t.text_on_success = 0xFF282A36
+  t.text_on_warning = 0xFF282A36
+  t.text_on_danger = 0xFFF8F8F2
+  t.hover_info = 0xFFA4F0FF
+  t.hover_success = 0xFF69FF94
+  t.hover_warning = 0xFFFFFFA5
+  t.hover_danger = 0xFFFF6E6E
+  t.hover_normal = 0xFF6272A4
+  t
+end
+
+#: () -> Theme
+def theme_catppuccin
+  t = Theme.new
+  t.bg_canvas = 0xFF1E1E2E
+  t.bg_primary = 0xFF313244
+  t.bg_secondary = 0xFF45475A
+  t.text_primary = 0xFFCDD6F4
+  t.text_secondary = 0xFFA6ADC8
+  t.accent = 0xFFCBA6F7
+  t.info = 0xFF89B4FA
+  t.success = 0xFFA6E3A1
+  t.warning = 0xFFF9E2AF
+  t.error = 0xFFF38BA8
+  t.border = 0xFF585B70
+  t.border_focus = 0xFFCBA6F7
+  t.bg_info = 0xFF89B4FA
+  t.bg_success = 0xFFA6E3A1
+  t.bg_warning = 0xFFF9E2AF
+  t.bg_danger = 0xFFF38BA8
+  t.text_on_info = 0xFF1E1E2E
+  t.text_on_success = 0xFF1E1E2E
+  t.text_on_warning = 0xFF1E1E2E
+  t.text_on_danger = 0xFF1E1E2E
+  t.hover_info = 0xFFA4C8FF
+  t.hover_success = 0xFFB9F0B4
+  t.hover_warning = 0xFFFFF0CC
+  t.hover_danger = 0xFFFFA0B8
+  t.hover_normal = 0xFF585B70
+  t
+end

data/lib/konpeito/ui/themes/material.rb

@@ -0,0 +1,35 @@
+# Material Light theme
+
+def material_theme
+  t = Theme.new
+  t.bg_canvas = 0xFFFEFEFE
+  t.bg_primary = 0xFFFFFFFF
+  t.bg_secondary = 0xFFF5F5F5
+  t.bg_overlay = 0xFFE8E8E8
+  t.text_primary = 0xFF1C1B1F
+  t.text_secondary = 0xFF757575
+  t.accent = 0xFF6200EE
+  t.info = 0xFF2196F3
+  t.success = 0xFF4CAF50
+  t.warning = 0xFFFF9800
+  t.error = 0xFFF44336
+  t.border = 0xFFE0E0E0
+  t.border_focus = 0xFF6200EE
+  t.bg_info = 0xFF2196F3
+  t.bg_success = 0xFF4CAF50
+  t.bg_warning = 0xFFFF9800
+  t.bg_danger = 0xFFF44336
+  t.text_on_info = 0xFFFFFFFF
+  t.text_on_success = 0xFFFFFFFF
+  t.text_on_warning = 0xFF1C1B1F
+  t.text_on_danger = 0xFFFFFFFF
+  t.hover_info = 0xFF42A5F5
+  t.hover_success = 0xFF66BB6A
+  t.hover_warning = 0xFFFFA726
+  t.hover_danger = 0xFFEF5350
+  t.hover_normal = 0xFFE0E0E0
+  t.scrollbar_bg = 0xFFE0E0E0
+  t.scrollbar_fg = 0xFFBDBDBD
+  t.bg_selected = 0x806200EE
+  t
+end

data/lib/konpeito/ui/themes/tokyo_night.rb

@@ -0,0 +1,6 @@
+# Tokyo Night dark theme
+# Default theme for Castella/Konpeito
+
+def tokyo_night_theme
+  Theme.new  # Default values are already Tokyo Night
+end

data/lib/konpeito/ui/widgets/button.rb

@@ -0,0 +1,103 @@
+# Button widget - clickable button with label
+# Port of Castella Button
+
+class Button < Widget
+  def initialize(label)
+    super()
+    @label = label
+    @font_size_val = 14.0
+    @kind_val = 0
+    @custom_bg = false
+    @custom_text = false
+    @bg_color = 0xFF7AA2F7
+    @text_color = 0xFF1A1B26
+    @hover_color = 0xFF89B4FA
+    @radius = 4.0
+    @hovered = false
+    @click_handler = nil
+    @width_policy = CONTENT
+    @height_policy = CONTENT
+    @pad_top = 8.0
+    @pad_right = 16.0
+    @pad_bottom = 8.0
+    @pad_left = 16.0
+  end
+
+  def kind(k)
+    @kind_val = k
+    self
+  end
+
+  def on_click(&block)
+    @click_handler = block
+    self
+  end
+
+  def font_size(s)
+    @font_size_val = s
+    self
+  end
+
+  def bg(c)
+    @bg_color = c
+    @custom_bg = true
+    self
+  end
+
+  def text_color(c)
+    @text_color = c
+    @custom_text = true
+    self
+  end
+
+  def measure(painter)
+    tw = painter.measure_text_width(@label, $theme.font_family, @font_size_val)
+    th = painter.measure_text_height($theme.font_family, @font_size_val)
+    Size.new(tw + @pad_left + @pad_right, th + @pad_top + @pad_bottom)
+  end
+
+  def redraw(painter, completely)
+    # Use theme colors based on kind, unless custom colors were set
+    if @custom_bg
+      bg_c = @hovered ? @hover_color : @bg_color
+    else
+      if @hovered
+        bg_c = $theme.button_hover(@kind_val)
+      else
+        bg_c = $theme.button_bg(@kind_val)
+      end
+    end
+    if @custom_text
+      tc = @text_color
+    else
+      tc = $theme.button_text(@kind_val)
+    end
+
+    painter.fill_round_rect(0.0, 0.0, @width, @height, @radius, bg_c)
+    ascent = painter.get_text_ascent($theme.font_family, @font_size_val)
+    th = painter.measure_text_height($theme.font_family, @font_size_val)
+    text_y = (@height - th) / 2.0 + ascent
+    painter.draw_text(@label, @pad_left, text_y, $theme.font_family, @font_size_val, tc)
+  end
+
+  def mouse_up(ev)
+    @click_handler.call if @click_handler
+  end
+
+  def mouse_over
+    @hovered = true
+    mark_dirty
+    update
+  end
+
+  def mouse_out
+    @hovered = false
+    mark_dirty
+    update
+  end
+end
+
+# Top-level helper
+def Button(label)
+  Button.new(label)
+end