ratatui_ruby 0.4.0 → 0.5.0

data/examples/app_color_picker/scene.rb

@@ -0,0 +1,201 @@
+# frozen_string_literal: true
+
+# SPDX-FileCopyrightText: 2025 Kerrick Long <me@kerricklong.com>
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+require_relative "input"
+require_relative "palette"
+require_relative "clipboard"
+require_relative "copy_dialog"
+
+# Orchestrates layout and rendering of the color picker UI.
+#
+# Building a complete color picker UI involves layout calculation, widget
+# composition, and coordinate tracking for hit testing. Keeping this logic
+# scattered across the main app makes the app harder to read and test.
+#
+# This object owns the layout logic. It orchestrates all sections. It calculates
+# and caches rects for hit testing.
+#
+# Use it to encapsulate complex UI composition.
+#
+# === Example
+#
+#   scene = Scene.new(tui)
+#   scene.render(frame, input:, palette:, clipboard:, dialog:)
+#
+#   # For hit testing:
+#   rect = scene.export_rect
+#   if rect.contains?(x, y)
+#     # Handle click
+#   end
+class Scene
+  def initialize(tui)
+    @tui = tui
+    @export_area_rect = nil
+    @hotkey_style = @tui.style(modifiers: [:bold, :underlined])
+  end
+
+  # Renders the complete UI given all model objects.
+  #
+  # Calculates layout once per frame. Renders input, palette, export, controls,
+  # and dialog sections. Caches the export area rect for hit testing.
+  #
+  # [frame] Frame object from RatatuiRuby.draw block
+  # [input] Input object for text input display
+  # [palette] Palette object for color display
+  # [clipboard] Clipboard object for feedback message
+  # [dialog] CopyDialog object for confirmation dialog
+  #
+  # === Example
+  #
+  #   scene.render(frame, input: @input, palette: @palette, clipboard: @clipboard, dialog: @dialog)
+  def render(frame, input:, palette:, clipboard:, dialog:)
+    input_area, rest = @tui.layout_split(
+      frame.area,
+      direction: :vertical,
+      constraints: [
+        @tui.constraint_length(3),
+        @tui.constraint_fill(1),
+      ]
+    )
+
+    color_area, control_area = @tui.layout_split(
+      rest,
+      direction: :vertical,
+      constraints: [
+        @tui.constraint_length(14),
+        @tui.constraint_fill(1),
+      ]
+    )
+
+    harmony_area, @export_area_rect = @tui.layout_split(
+      color_area,
+      direction: :vertical,
+      constraints: [
+        @tui.constraint_length(7),
+        @tui.constraint_fill(1),
+      ]
+    )
+
+    frame.render_widget(input.render(@tui), input_area)
+    frame.render_widget(build_palette_section(palette, harmony_area), harmony_area)
+    frame.render_widget(build_export_section(palette), @export_area_rect)
+    frame.render_widget(build_controls_section(clipboard), control_area)
+
+    if dialog.active?
+      dialog_center = calculate_center_area(frame.area, 40, 8)
+      frame.render_widget(@tui.clear, frame.area)
+      frame.render_widget(dialog.render(@tui, dialog_center), dialog_center)
+    end
+  end
+
+  # The cached rectangle of the export formats section, used for hit testing.
+  #
+  # Populated during #render. Use this to detect clicks on the export section.
+  #
+  # === Example
+  #
+  #   scene.render(frame, ...)
+  #   if scene.export_rect.contains?(x, y)
+  #     # Click on export section
+  #   end
+  def export_rect
+    @export_area_rect
+  end
+
+  private def build_palette_section(palette, _harmony_area)
+    if palette.main.nil?
+      @tui.paragraph(text: "No color selected")
+    else
+      blocks = palette.as_blocks(@tui)
+      @tui.layout(
+        direction: :horizontal,
+        constraints: Array.new(blocks.size) { @tui.constraint_fill(1) },
+        children: blocks
+      )
+    end
+  end
+
+  private def build_export_section(palette)
+    if palette.main.nil?
+      @tui.block(
+        title: "Export Formats",
+        borders: [:all],
+        children: [
+          @tui.paragraph(
+            text: @tui.text_line(spans: [
+              @tui.text_span(content: "Enter a color to see formats"),
+            ])
+          ),
+        ]
+      )
+    else
+      color = palette.main
+      hex = color.hex
+      rgb = color.rgb
+      hsl = color.hsl_string
+      text_color = color.contrasting_text_color
+      bg_style = @tui.style(bg: hex, fg: text_color)
+
+      @tui.block(
+        title: "Export Formats",
+        borders: [:all],
+        style: bg_style,
+        children: [
+          @tui.paragraph(
+            text: [
+              @tui.text_line(spans: [
+                @tui.text_span(content: "HEX: ", style: bg_style),
+                @tui.text_span(content: hex, style: @tui.style(bg: hex, fg: text_color, modifiers: [:underlined])),
+              ]),
+              @tui.text_line(spans: [
+                @tui.text_span(content: "RGB: ", style: bg_style),
+                @tui.text_span(content: rgb, style: @tui.style(bg: hex, fg: text_color, modifiers: [:underlined])),
+              ]),
+              @tui.text_line(spans: [
+                @tui.text_span(content: "HSL: ", style: bg_style),
+                @tui.text_span(content: hsl, style: @tui.style(bg: hex, fg: text_color, modifiers: [:underlined])),
+              ]),
+            ]
+          ),
+        ]
+      )
+    end
+  end
+
+  private def build_controls_section(clipboard)
+    control_lines = [
+      @tui.text_line(spans: [
+        @tui.text_span(content: "a-z/0-9", style: @hotkey_style),
+        @tui.text_span(content: ": Type  "),
+        @tui.text_span(content: "enter", style: @hotkey_style),
+        @tui.text_span(content: ": Parse  "),
+        @tui.text_span(content: "bksp", style: @hotkey_style),
+        @tui.text_span(content: ": Erase  "),
+        @tui.text_span(content: "esc", style: @hotkey_style),
+        @tui.text_span(content: ": Quit"),
+      ]),
+    ]
+
+    unless clipboard.message.empty?
+      control_lines << @tui.text_line(spans: [
+        @tui.text_span(content: clipboard.message, style: @tui.style(fg: :green, modifiers: [:bold])),
+      ])
+    end
+
+    @tui.block(
+      title: "Controls",
+      borders: [:all],
+      children: [
+        @tui.paragraph(text: control_lines),
+      ]
+    )
+  end
+
+  private def calculate_center_area(parent_area, width, height)
+    x = (parent_area.width - width) / 2
+    y = (parent_area.height - height) / 2
+    @tui.rect(x:, y:, width:, height:)
+  end
+end

data/examples/{login_form → app_login_form}/app.rb

@@ -6,7 +6,7 @@
 $LOAD_PATH.unshift File.expand_path("../../lib", __dir__)
 require "ratatui_ruby"
 
-class LoginFormApp
+class AppLoginForm
   PREFIX = "Enter Username: [ "
   SUFFIX = " ]"
 
@@ -16,7 +16,8 @@ class LoginFormApp
   end
 
   def run
-    RatatuiRuby.run do
+    RatatuiRuby.run do |tui|
+      @tui = tui
       loop do
         render
         break if handle_input == :quit
@@ -24,9 +25,7 @@ class LoginFormApp
     end
   end
 
-  private
-
-  def render
+  private def render
     # 1. Base Layer Construction
     # We want a cursor relative to the paragraph.
     # So we wrap Paragraph and Cursor in an Overlay, and put that Overlay in a Center.
@@ -39,17 +38,17 @@ class LoginFormApp
     cursor_y = 1
 
     # The content of the base form
-    form_content = RatatuiRuby::Overlay.new(layers: [
-      RatatuiRuby::Paragraph.new(
+    form_content = @tui.overlay(layers: [
+      @tui.paragraph(
         text: "#{PREFIX}#{@username}#{SUFFIX}",
-        block: RatatuiRuby::Block.new(borders: :all, title: "Login Form"),
+        block: @tui.block(borders: :all, title: "Login Form"),
         alignment: :left
       ),
-      RatatuiRuby::Cursor.new(x: cursor_x, y: cursor_y),
+      @tui.cursor(x: cursor_x, y: cursor_y),
     ])
 
     # Center the form on screen
-    base_layer = RatatuiRuby::Center.new(
+    base_layer = @tui.center(
       child: form_content,
       width_percent: 50,
       height_percent: 20
@@ -57,11 +56,11 @@ class LoginFormApp
 
     # 2. Popup Layer Construction
     final_view = if @show_popup
-      popup_message = RatatuiRuby::Center.new(
-        child: RatatuiRuby::Paragraph.new(
+      popup_message = @tui.center(
+        child: @tui.paragraph(
           text: "Login Successful!\nPress 'q' to quit.",
-          style: RatatuiRuby::Style.new(fg: :green, bg: :black),
-          block: RatatuiRuby::Block.new(borders: :all),
+          style: @tui.style(fg: :green, bg: :black),
+          block: @tui.block(borders: :all),
           alignment: :center,
           wrap: true
         ),
@@ -70,42 +69,40 @@ class LoginFormApp
       )
 
       # Render Base Layer (background) THEN Popup Layer
-      RatatuiRuby::Overlay.new(layers: [base_layer, popup_message])
+      @tui.overlay(layers: [base_layer, popup_message])
     else
       base_layer
     end
 
     # 3. Draw
-    RatatuiRuby.draw(final_view)
+    @tui.draw do |frame|
+      frame.render_widget(final_view, frame.area)
+    end
   end
 
-  def handle_input
-    # 4. Event Handling
-    event = RatatuiRuby.poll_event
-    return unless event
-
-    if event.key?
-      if @show_popup
-        return :quit if event == "q" || event == :ctrl_c
-      else
-        # Login Form Input
-        return :quit if event == :ctrl_c
-        case event.code
-        when "enter"
-          @show_popup = true
-        when "backspace"
-          @username.chop!
-        when "esc"
-          :quit
-        else
-          # Simple text input
-          if event.text? && !event.ctrl? && !event.alt?
-            @username += event.code
-          end
-        end
-      end
+  private def handle_input
+    case @tui.poll_event
+    in { type: :key, code: "q" } | { type: :key, code: "c", modifiers: ["ctrl"] }
+      return :quit if @show_popup
+      nil
+    in { type: :key, code: "c", modifiers: ["ctrl"] }
+      :quit
+    in { type: :key, code: "enter" }
+      @show_popup ||= true
+      nil
+    in { type: :key, code: "backspace" }
+      @username.chop! unless @show_popup
+      nil
+    in { type: :key, code: "esc" }
+      :quit unless @show_popup
+    in { type: :key, code:, modifiers: [] }
+      # Simple text input (single character, no modifiers)
+      @username += code if !@show_popup && code.length == 1
+      nil
+    else
+      nil
     end
   end
 end
 
-LoginFormApp.new.run if __FILE__ == $0
+AppLoginForm.new.run if __FILE__ == $0

data/examples/{map_demo → app_map_demo}/app.rb

@@ -7,7 +7,7 @@ $LOAD_PATH.unshift File.expand_path("../../lib", __dir__)
 require "ratatui_ruby"
 
 # An example of the Canvas widget showing a world map and animated shapes.
-class MapDemoApp
+class AppMapDemo
   include RatatuiRuby
 
   COLORS = [:black, :blue, :white, nil].freeze
@@ -15,40 +15,41 @@ class MapDemoApp
 
   # Returns a Canvas view for the map demo with the given circle radius.
   #
+  # +tui+:: The RatatuiRuby::Session instance.
   # +radius+:: The radius of the animated circle.
   # +marker+:: The marker type.
   # +background_color+:: The background color of the canvas.
   # +show_labels+:: Whether to show city labels.
-  def view(radius, marker = :braille, background_color = nil, show_labels: true)
+  def view(tui, radius, marker = :braille, background_color = nil, show_labels: true)
     shapes = [
-      Shape::Map.new(color: :green, resolution: :high),
-      Shape::Circle.new(x: 0.0, y: 0.0, radius:, color: :red),
-      Shape::Line.new(x1: 0.0, y1: 0.0, x2: 50.0, y2: 25.0, color: :yellow),
+      tui.shape_map(color: :green, resolution: :high),
+      tui.shape_circle(x: 0.0, y: 0.0, radius:, color: :red),
+      tui.shape_line(x1: 0.0, y1: 0.0, x2: 50.0, y2: 25.0, color: :yellow),
     ]
 
     if show_labels
       shapes += [
-        Shape::Label.new(x: -0.1, y: 51.5, text: "London", style: Style.new(fg: :cyan)),
-        Shape::Label.new(x: 139.7, y: 35.7, text: "Tokyo", style: Style.new(fg: :magenta)),
-        Shape::Label.new(x: -74.0, y: 40.7, text: "New York", style: Style.new(fg: :yellow)),
-        Shape::Label.new(x: -122.4, y: 37.8, text: "San Francisco", style: Style.new(fg: :blue)),
-        Shape::Label.new(x: 151.2, y: -33.9, text: "Sydney", style: Style.new(fg: :green)),
+        tui.shape_label(x: -0.1, y: 51.5, text: "London", style: tui.style(fg: :cyan)),
+        tui.shape_label(x: 139.7, y: 35.7, text: "Tokyo", style: tui.style(fg: :magenta)),
+        tui.shape_label(x: -74.0, y: 40.7, text: "New York", style: tui.style(fg: :yellow)),
+        tui.shape_label(x: -122.4, y: 37.8, text: "San Francisco", style: tui.style(fg: :blue)),
+        tui.shape_label(x: 151.2, y: -33.9, text: "Sydney", style: tui.style(fg: :green)),
       ]
     end
 
-    Canvas.new(
-      shapes: shapes,
+    tui.canvas(
+      shapes:,
       x_bounds: [-180.0, 180.0],
       y_bounds: [-90.0, 90.0],
-      marker: marker,
-      block: Block.new(title: "World Map ['b' bg, 'm' marker: #{marker}, 'l' labels: #{show_labels ? 'on' : 'off'}]", borders: :all),
-      background_color: background_color
+      marker:,
+      block: tui.block(title: "World Map ['b' bg, 'm' marker: #{marker}, 'l' labels: #{show_labels ? 'on' : 'off'}]", borders: :all),
+      background_color:
     )
   end
 
   # Runs the map demo loop.
   def run
-    RatatuiRuby.run do
+    RatatuiRuby.run do |tui|
       radius = 0.0
       direction = 1
       bg_index = 0
@@ -63,13 +64,15 @@ class MapDemoApp
         end
 
         # Define the view
-        v = view(radius, MARKERS[marker_index], COLORS[bg_index], show_labels:)
+        canvas = view(tui, radius, MARKERS[marker_index], COLORS[bg_index], show_labels:)
 
-        RatatuiRuby.draw(v)
+        tui.draw do |frame|
+          frame.render_widget(canvas, frame.area)
+        end
 
-        event = RatatuiRuby.poll_event
+        event = tui.poll_event
         case event
-        in {type: :key, code: "q"} | {type: :key, code: :ctrl_c}
+        in { type: :key, code: "q" } | { type: :key, code: :ctrl_c }
           break
         in type: :key, code: "b"
           bg_index = (bg_index + 1) % COLORS.size
@@ -87,4 +90,4 @@ class MapDemoApp
   end
 end
 
-MapDemoApp.new.run if __FILE__ == $PROGRAM_NAME
+AppMapDemo.new.run if __FILE__ == $PROGRAM_NAME

data/examples/{table_select → app_table_select}/app.rb

@@ -16,24 +16,16 @@ PROCESSES = [
   { pid: 3456, name: "redis", cpu: 12.4 },
   { pid: 7890, name: "sidekiq", cpu: 22.8 },
   { pid: 2345, name: "webpack", cpu: 45.3 },
-  { pid: 6789, name: "node", cpu: 18.9 }
+  { pid: 6789, name: "node", cpu: 18.9 },
 ].freeze
 
-class TableSelectApp
+class AppTableSelect
   attr_reader :selected_index, :selected_col, :current_style_index, :column_spacing, :highlight_spacing, :column_highlight_style, :cell_highlight_style
 
-  STYLES = [
-    { name: "Cyan", style: RatatuiRuby::Style.new(fg: :cyan) },
-    { name: "Red", style: RatatuiRuby::Style.new(fg: :red) },
-    { name: "Green", style: RatatuiRuby::Style.new(fg: :green) },
-    { name: "Blue on White", style: RatatuiRuby::Style.new(fg: :blue, bg: :white) },
-    { name: "Magenta", style: RatatuiRuby::Style.new(fg: :magenta, modifiers: [:bold]) }
-  ].freeze
-
   HIGHLIGHT_SPACINGS = [
     { name: "When Selected", spacing: :when_selected },
     { name: "Always", spacing: :always },
-    { name: "Never", spacing: :never }
+    { name: "Never", spacing: :never },
   ].freeze
 
   def initialize
@@ -42,57 +34,69 @@ class TableSelectApp
     @current_style_index = 0
     @column_spacing = 1
     @highlight_spacing_index = 0
-    @column_highlight_style = RatatuiRuby::Style.new(fg: :magenta)
     @show_column_highlight = true
-    @cell_highlight_style = RatatuiRuby::Style.new(fg: :white, bg: :red, modifiers: [:bold])
     @show_cell_highlight = true
-    @hotkey_style = RatatuiRuby::Style.new(modifiers: [:bold, :underlined])
   end
 
   def run
-    RatatuiRuby.run do
+    RatatuiRuby.run do |tui|
+      @tui = tui
+      setup_styles
       loop do
-        render
+        @tui.draw do |frame|
+          render(frame)
+        end
         break if handle_input == :quit
       end
     end
   end
 
-  private
+  private def setup_styles
+    @styles = [
+      { name: "Cyan", style: @tui.style(fg: :cyan) },
+      { name: "Red", style: @tui.style(fg: :red) },
+      { name: "Green", style: @tui.style(fg: :green) },
+      { name: "Blue on White", style: @tui.style(fg: :blue, bg: :white) },
+      { name: "Magenta", style: @tui.style(fg: :magenta, modifiers: [:bold]) },
+    ]
+    @column_highlight_style = @tui.style(fg: :magenta)
+    @cell_highlight_style = @tui.style(fg: :white, bg: :red, modifiers: [:bold])
+    @hotkey_style = @tui.style(modifiers: [:bold, :underlined])
+  end
 
-  def render
+  private def render(frame)
     # Create table rows from process data
     rows = PROCESSES.map { |p| [p[:pid].to_s, p[:name], "#{p[:cpu]}%"] }
 
     # Define column widths
     widths = [
-      RatatuiRuby::Constraint.length(8),
-      RatatuiRuby::Constraint.length(15),
-      RatatuiRuby::Constraint.length(10)
+      @tui.constraint_length(8),
+      @tui.constraint_length(15),
+      @tui.constraint_length(10),
     ]
 
     # Create highlight style (yellow text)
-    highlight_style = RatatuiRuby::Style.new(fg: :yellow)
+    highlight_style = @tui.style(fg: :yellow)
 
-    current_style_entry = STYLES[@current_style_index]
+    current_style_entry = @styles[@current_style_index]
     current_spacing_entry = HIGHLIGHT_SPACINGS[@highlight_spacing_index]
     selection_label = @selected_index.nil? ? "none" : @selected_index.to_s
 
     # Main table
-    table = RatatuiRuby::Table.new(
+    table = @tui.table(
       header: ["PID", "Name", "CPU"],
-      rows: rows,
-      widths: widths,
+      rows:,
+      widths:,
       selected_row: @selected_index,
       selected_column: @selected_col,
-      highlight_style: highlight_style,
+      highlight_style:,
       highlight_symbol: "> ",
       highlight_spacing: current_spacing_entry[:spacing],
       column_highlight_style: @show_column_highlight ? @column_highlight_style : nil,
       cell_highlight_style: @show_cell_highlight ? @cell_highlight_style : nil,
       style: current_style_entry[:style],
       column_spacing: @column_spacing,
-      block: RatatuiRuby::Block.new(
+      block: @tui.block(
         title: "Processes",
         borders: :all
       ),
@@ -100,63 +104,62 @@ class TableSelectApp
     )
 
     # Bottom control panel
-    control_panel = RatatuiRuby::Block.new(
+    control_panel = @tui.block(
       title: "Controls",
       borders: [:all],
       children: [
-        RatatuiRuby::Paragraph.new(
+        @tui.paragraph(
           text: [
             # Line 1: Navigation
-            RatatuiRuby::Text::Line.new(spans: [
-              RatatuiRuby::Text::Span.new(content: "↑/↓", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Nav Row  "),
-              RatatuiRuby::Text::Span.new(content: "←/→", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Nav Col  "),
-              RatatuiRuby::Text::Span.new(content: "x", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Toggle Row (#{selection_label})  "),
-              RatatuiRuby::Text::Span.new(content: "q", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Quit")
+            @tui.text_line(spans: [
+              @tui.text_span(content: "↑/↓", style: @hotkey_style),
+              @tui.text_span(content: ": Nav Row  "),
+              @tui.text_span(content: "←/→", style: @hotkey_style),
+              @tui.text_span(content: ": Nav Col  "),
+              @tui.text_span(content: "x", style: @hotkey_style),
+              @tui.text_span(content: ": Toggle Row (#{selection_label})  "),
+              @tui.text_span(content: "q", style: @hotkey_style),
+              @tui.text_span(content: ": Quit"),
             ]),
             # Line 2: Table Controls
-            RatatuiRuby::Text::Line.new(spans: [
-              RatatuiRuby::Text::Span.new(content: "s", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Style (#{current_style_entry[:name]})  "),
-              RatatuiRuby::Text::Span.new(content: "p", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Spacing (#{current_spacing_entry[:name]})  ")
+            @tui.text_line(spans: [
+              @tui.text_span(content: "s", style: @hotkey_style),
+              @tui.text_span(content: ": Style (#{current_style_entry[:name]})  "),
+              @tui.text_span(content: "p", style: @hotkey_style),
+              @tui.text_span(content: ": Spacing (#{current_spacing_entry[:name]})  "),
             ]),
             # Line 3: More Controls
-            RatatuiRuby::Text::Line.new(spans: [
-              RatatuiRuby::Text::Span.new(content: ": Col Space (#{@column_spacing})  "),
-              RatatuiRuby::Text::Span.new(content: "c", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Col Highlight (#{@show_column_highlight ? 'On' : 'Off'})  "),
-              RatatuiRuby::Text::Span.new(content: "z", style: @hotkey_style),
-              RatatuiRuby::Text::Span.new(content: ": Cell Highlight (#{@show_cell_highlight ? 'On' : 'Off'})")
-            ])
+            @tui.text_line(spans: [
+              @tui.text_span(content: ": Col Space (#{@column_spacing})  "),
+              @tui.text_span(content: "c", style: @hotkey_style),
+              @tui.text_span(content: ": Col Highlight (#{@show_column_highlight ? 'On' : 'Off'})  "),
+              @tui.text_span(content: "z", style: @hotkey_style),
+              @tui.text_span(content: ": Cell Highlight (#{@show_cell_highlight ? 'On' : 'Off'})"),
+            ]),
           ]
-        )
+        ),
       ]
     )
 
     # Layout
-    layout = RatatuiRuby::Layout.new(
+    layout = @tui.layout_split(
+      frame.area,
       direction: :vertical,
       constraints: [
-        RatatuiRuby::Constraint.fill(1),
-        RatatuiRuby::Constraint.length(5),
-      ],
-      children: [table, control_panel]
+        @tui.constraint_fill(1),
+        @tui.constraint_length(5),
+      ]
     )
 
-    # Draw the table
-    RatatuiRuby.draw(layout)
+    frame.render_widget(table, layout[0])
+    frame.render_widget(control_panel, layout[1])
   end
 
-  def handle_input
-    event = RatatuiRuby.poll_event
-    return unless event
+  private def handle_input
+    event = @tui.poll_event
 
     case event
-    in {type: :key, code: "q"} | {type: :key, code: "c", modifiers: ["ctrl"]}
+    in { type: :key, code: "q" } | { type: :key, code: "c", modifiers: ["ctrl"] }
       :quit
     in type: :key, code: "down" | "j"
       @selected_index = ((@selected_index || -1) + 1) % PROCESSES.length
@@ -174,7 +177,7 @@ class TableSelectApp
       @selected_col = (@selected_col || 0) - 1
       @selected_col = 2 if @selected_col.negative?
     in type: :key, code: "s"
-      @current_style_index = (@current_style_index + 1) % STYLES.length
+      @current_style_index = (@current_style_index + 1) % @styles.length
     in type: :key, code: "+"
       @column_spacing += 1
     in type: :key, code: "-"
@@ -194,5 +197,5 @@ class TableSelectApp
 end
 
 if __FILE__ == $0
-  TableSelectApp.new.run
+  AppTableSelect.new.run
 end