hokusai-zero 0.2.6 → 0.2.8

data/ast/src/core/log.h

@@ -0,0 +1,41 @@
+#ifndef FLASHLIGHT_LOG_H
+#define FLASHLIGHT_LOG_H
+#include <time.h>
+#include <stdio.h>
+#include <stdarg.h>
+
+#define ANSI_COLOR_YELLOW  "\x1b[33m"
+#define ANSI_COLOR_BLUE    "\x1b[34m"
+#define ANSI_COLOR_MAGENTA "\x1b[35m"
+#define ANSI_COLOR_CYAN    "\x1b[36m"
+#define ANSI_COLOR_RESET   "\x1b[0m"
+
+enum F_LOG_LEVEL
+{
+  F_LOG_ERROR = 1 << 0,
+  F_LOG_WARN = 1 << 1,
+  F_LOG_INFO = 1 << 2,
+  F_LOG_DEBUG = 1 << 3,
+  F_LOG_FINE = 1 << 4
+};
+
+typedef struct FLogMessage
+{
+  char* datetime;
+  enum F_LOG_LEVEL level;
+  char* message;
+} f_log_message;
+
+typedef void (*f_logger_cb)(f_log_message message, volatile void* payload);
+static volatile f_logger_cb f_log_cb = NULL;
+static volatile enum F_LOG_LEVEL f_log_level = F_LOG_ERROR;
+static volatile void* f_log_payload = NULL;
+
+void f_logger_set_level(enum F_LOG_LEVEL level);
+void f_logger_set_cb(f_logger_cb cb, volatile void* payload);
+f_logger_cb f_logger_get_cb();
+enum F_LOG_LEVEL f_logger_get_level();
+volatile void* f_logger_get_payload();
+void f_log(enum F_LOG_LEVEL level, char* fmt, ...);
+
+#endif

data/ast/src/core/util.c

@@ -3,33 +3,33 @@
 
 #include "util.h"
 
-bool hoku_rect_includes_y(hoku_rect rect, float y)
+bool hoku_rect_includes_y(hoku_rect* rect, float y)
 {
-  return y > rect.y && y <= (rect.y + rect.h);
+  return y > rect->y && y <= (rect->y + rect->h);
 }
 
-bool hoku_rect_includes_x(hoku_rect rect, float x)
+bool hoku_rect_includes_x(hoku_rect* rect, float x)
 {
-  return x > rect.x && x <= (rect.x + rect.w);
+  return x > rect->x && x <= (rect->x + rect->w);
 }
 
-float hoku_rect_x_left(hoku_rect rect, int times)
+float hoku_rect_x_left(hoku_rect* rect, int times)
 {
-  return (rect.x - ((rect.w / 2) * times));
+  return (rect->x - ((rect->w / 2) * times));
 }
-float hoku_rect_x_right(hoku_rect rect, int times)
+float hoku_rect_x_right(hoku_rect* rect, int times)
 {
-  return (rect.x + ((rect.w / 2) * times));
+  return (rect->x + ((rect->w / 2) * times));
 }
 
-float hoku_rect_y_up(hoku_rect rect, int times)
+float hoku_rect_y_up(hoku_rect* rect, int times)
 {
-  return (rect.y - ((rect.h / 2) * times));
+  return (rect->y - ((rect->h / 2) * times));
 }
 
-float hoku_rect_y_down(hoku_rect rect, int times)
+float hoku_rect_y_down(hoku_rect* rect, int times)
 {
-  return (rect.y + ((rect.h / 2) * times));
+  return (rect->y + ((rect->h / 2) * times));
 }
 
 int hoku_selection_init(hoku_selection** selection)
@@ -68,28 +68,28 @@ bool hoku_selection_selected(hoku_selection* selection, float x, float y, float
   bool right = selection->start_x <= selection->stop_x;
 
   hoku_rect hit_box = (hoku_rect){.x=x, .y=y, .w=width, .h=height};
-  float x_shifted_right = hoku_rect_x_right(hit_box, 1);
-  float y_shifted_up = hoku_rect_y_up(hit_box, 2);
-  float y_shifted_down = hoku_rect_y_down(hit_box, 2);
+  float x_shifted_right = hoku_rect_x_right(&hit_box, 1);
+  float y_shifted_up = hoku_rect_y_up(&hit_box, 2);
+  float y_shifted_down = hoku_rect_y_down(&hit_box, 2);
   float end_y = y + height;
 
   return (
    (down &&
     // first line of multiline selection
-    ((x_shifted_right > sx && end_y < ey && hoku_rect_includes_y(hit_box, sy)) ||
+    ((x_shifted_right > sx && end_y < ey && hoku_rect_includes_y(&hit_box, sy)) ||
       // last line of multiline selection
       (x_shifted_right <= ex && y_shifted_up + hit_box.h < ey && hit_box.y > sy) ||
       // middle line (all selected)
       (hit_box.y > sy && end_y < ey))) ||
     (up &&
       // first line of multiline selection
-      ((x_shifted_right <= sx && hit_box.y > ey && hoku_rect_includes_y(hit_box, sy)) ||
+      ((x_shifted_right <= sx && hit_box.y > ey && hoku_rect_includes_y(&hit_box, sy)) ||
       // last line of multiline selection
         (x_shifted_right >= ex && y_shifted_down > ey && end_y < sy) ||
         // middle line (all selected)
         (hit_box.y > ey && hit_box.y + hit_box.h < sy))) ||
     // single line selection
-    ((hoku_rect_includes_y(hit_box, sy) && hoku_rect_includes_y(hit_box, ey)) &&
+    ((hoku_rect_includes_y(&hit_box, sy) && hoku_rect_includes_y(&hit_box, ey)) &&
       ((left && x_shifted_right < sx && x_shifted_right > ex) || (right && x_shifted_right > sx && x_shifted_right < ex)))
   );
 }
@@ -108,7 +108,7 @@ hoku_cursor_position hoku_selection_cursor_get(hoku_selection* selection)
   return pos;
 }
 
-int hoku_selection_cursor_set(hoku_selection* selection, hoku_cursor_position cursor)
+int hoku_selection_cursor_set(hoku_selection* selection, hoku_cursor_position* cursor)
 {
   if (selection->cursor == NULL)
   {
@@ -117,10 +117,10 @@ int hoku_selection_cursor_set(hoku_selection* selection, hoku_cursor_position cu
     if (selection->cursor == NULL) return -1;
   }
 
-  selection->cursor->x = cursor.x;
-  selection->cursor->y = cursor.y;
-  selection->cursor->w = cursor.w;
-  selection->cursor->h = cursor.h;
+  selection->cursor->x = cursor->x;
+  selection->cursor->y = cursor->y;
+  selection->cursor->w = cursor->w;
+  selection->cursor->h = cursor->h;
 
   return 0;
 }

data/ast/src/core/util.h

@@ -30,16 +30,16 @@ typedef struct HokuSelection
    hoku_cursor_position* cursor;
 } hoku_selection;
 
-bool hoku_rect_includes_y(hoku_rect rect, float y);
-bool hoku_rect_includes_x(hoku_rect rect, float x);
-float hoku_rect_x_left(hoku_rect rect, int times);
-float hoku_rect_x_right(hoku_rect rect, int times);
-float hoku_rect_y_up(hoku_rect rect, int times);
-float hoku_rect_y_down(hoku_rect rect, int times);
+bool hoku_rect_includes_y(hoku_rect* rect, float y);
+bool hoku_rect_includes_x(hoku_rect* rect, float x);
+float hoku_rect_x_left(hoku_rect* rect, int times);
+float hoku_rect_x_right(hoku_rect* rect, int times);
+float hoku_rect_y_up(hoku_rect* rect, int times);
+float hoku_rect_y_down(hoku_rect* rect, int times);
 
 int hoku_selection_init(hoku_selection** selection);
 bool hoku_selection_selected(hoku_selection* selection, float x, float y, float width, float height);
-int hoku_selection_cursor_set(hoku_selection* selection, hoku_cursor_position cursor);
+int hoku_selection_cursor_set(hoku_selection* selection, hoku_cursor_position* cursor);
 void hoku_selection_cursor_free(hoku_selection* selection);
 void hoku_selection_free(hoku_selection* selection);
 

data/ast/test/parser.c

@@ -1,3 +1,4 @@
+#include "../src/core/log.c"
 #include "../src/core/ast.c"
 #include "../src/core/style.c"
 #include "../src/core/hml.c"

data/ext/extconf.rb

@@ -9,7 +9,7 @@ if MiniPortile.darwin?
 elsif MiniPortile.linux?
   suffix = "so"
   ext = "tar.gz"
-  md4cext = "so"
+  md4cext = "a"
   MDFLAGS = "-DCMAKE_POSITION_INDEPENDENT_CODE=ON"
 elsif MiniPortile.windows?
   suffix = "dll"
@@ -45,7 +45,7 @@ md4c = MiniPortileCMake.new("md4c", "0.5.2")
 md4c.files = ["https://github.com/mity/md4c/archive/refs/tags/release-0.5.2.#{ext}"]
 
 def md4c.cmake_compile_flags
-  [*super, "-DBUILD_SHARED_LIBS=OFF #{MDFLAGS}"]
+  [*super, "-DBUILD_SHARED_LIBS=OFF", "-DCMAKE_POSITION_INDEPENDENT_CODE=ON"]
 end
 
 md4c.cook
@@ -54,10 +54,10 @@ md4c.activate
 pre = "#{__dir__}/.."
 cwd = "#{__dir__}"
 
-files = %w[ast/src/core/hml.c ast/src/core/ast.c ast/rc/core/style.c ast/src/core/input.c ast/src/core/component.c ast/src/core/util.c ast/src/core/text.c grammar/src/parser.c grammar/src/scanner.c ast/include/hashmap.c]
-objects = %w[hml.o ast.o style.o input.o component.o util.o text.o parser.o scanner.o hashmap.o]
+files = %w[ast/src/core/log.c ast/src/core/hml.c ast/src/core/ast.c ast/rc/core/style.c ast/src/core/input.c ast/src/core/component.c ast/src/core/util.c ast/src/core/text.c grammar/src/parser.c grammar/src/scanner.c ast/include/hashmap.c]
+objects = %w[log.o hml.o ast.o style.o input.o component.o util.o text.o parser.o scanner.o hashmap.o]
 libraries = [File.expand_path("#{tree_sitter.path}/lib/libtree-sitter.a"), File.expand_path("#{md4c.path}/lib/libmd4c.#{md4cext}")]
-src_files = ["#{tree_sitter.path}/lib/libtree-sitter.a", "#{md4c.path}/lib/libmd4c.#{md4cext}", "#{pre}/ast/src/core/hml.c", "#{pre}/ast/src/core/ast.c", "#{pre}/ast/src/core/style.c", "#{pre}/ast/src/core/input.c", "#{pre}/ast/src/core/component.c", "#{pre}/ast/src/core/util.c", "#{pre}/ast/src/core/text.c", "#{pre}/grammar/src/parser.c", "#{pre}/grammar/src/scanner.c", "#{pre}/ast/include/hashmap.c"]
+src_files = ["#{tree_sitter.path}/lib/libtree-sitter.a", "#{md4c.path}/lib/libmd4c.#{md4cext}", "#{pre}/ast/src/core/log.c", "#{pre}/ast/src/core/hml.c", "#{pre}/ast/src/core/ast.c", "#{pre}/ast/src/core/style.c", "#{pre}/ast/src/core/input.c", "#{pre}/ast/src/core/component.c", "#{pre}/ast/src/core/util.c", "#{pre}/ast/src/core/text.c", "#{pre}/grammar/src/parser.c", "#{pre}/grammar/src/scanner.c", "#{pre}/ast/include/hashmap.c"]
 if MiniPortile.windows?
   cflags = "-shared -Wall -Wl,--export-all-symbols -Wl,--enable-auto-import"
   mkdir = "mkdir #{pre}\\vendor\\lib"
@@ -89,4 +89,4 @@ File.open("Makefile", "w") do |io|
   #{"\t"}rm -f #{File.expand_path("vendor/lib/libhokusai.*")}
   #{"\t"}rm -f #{File.expand_path("vendor/lib/libmd4c.*")}
   EOF
-end
+end

data/hokusai.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'hokusai-zero'
-  s.version     = '0.2.6'
+  s.version     = '0.2.8'
   s.licenses    = ['MIT']
   s.summary     = "A Ruby library for writing GUI applications"
   s.authors     = ["skinnyjames"]
@@ -16,7 +16,6 @@ Gem::Specification.new do |s|
   s.metadata    = { "source_code_uri" => "https://codeberg.org/skinnyjames/hokusai" }
   
   s.add_dependency "ffi", "~> 1.16"
-  s.add_dependency "concurrent-ruby", "~> 1.3.4"
   s.add_dependency "raylib-bindings", "~> 0.7.9"
   s.add_dependency "sdl2-bindings", "~> 0.2.3"
   s.add_dependency "memory_profiler"

data/ui/examples/drag.rb

@@ -0,0 +1,154 @@
+require_relative "../src/hokusai"
+require_relative "../src/hokusai/backends/raylib"
+require "ostruct"
+
+class Item < Hokusai::Block
+  style <<~EOF
+  [style]
+  circleStyle {
+    cursor: "pointer";
+  }
+  EOF
+  template <<~EOF
+  [template]
+    empty {
+      ...circleStyle
+      :color="color"
+      @mousedown="start_drag"
+      @mouseup="release_drag"
+      @mousemove="emit_drag"
+    }
+  EOF
+
+  uses(empty: Hokusai::Blocks::Empty)
+
+  computed :index
+  computed! :pos
+  computed! :color
+
+  attr_accessor :dragging
+
+  def initialize(**props)
+    @dragging = false
+
+    super
+  end
+
+  def contains(p)
+    (((p.x - pos[0]) * (p.x - pos[0]) + (p.y - pos[1]) * (p.y - pos[1])) <= 40 * 40)
+  end
+
+  def start_drag(event)
+    if event.left.down && contains(event.pos)
+
+      self.dragging = true
+      node.meta.set_prop(:z, 2)
+      node.meta.set_prop(:position, "absolute")
+    end
+  end
+
+  def release_drag(event)
+    if dragging
+      emit("done", index)
+      self.dragging = false
+
+      node.meta.set_prop(:z, nil)
+      node.meta.set_prop(:position, nil)
+    end
+  end
+
+  def emit_drag(event)
+    if dragging && event.left.down
+      emit("drag", index, [event.pos.x, event.pos.y])
+    elsif dragging
+      emit("done", index)
+
+      self.dragging = false
+      node.meta.set_prop(:z, nil)
+      node.meta.set_prop(:position, nil)
+    end
+  end
+
+  def render(canvas)
+    canvas.x = canvas.x + (canvas.width / 2)
+    canvas.y = canvas.y + canvas.height / 2
+
+    circle(pos[0], pos[1], 40) do |command|
+      command.color = color
+    end
+
+    yield canvas
+  end
+end
+
+
+class Drag < Hokusai::Block
+  template <<~EOF
+  [template]
+    vblock { background="233,233,233" }
+      [for="thing in items"]
+        item {
+          :z="z(index)"
+          :key="key(index, thing)"
+          :index="index"
+          @drag="update_position"
+          @done="update_drag_state"
+          :pos="pos(thing)"
+          :color="color(thing)"
+        }
+  EOF
+
+  uses(
+    vblock: Hokusai::Blocks::Vblock,
+    item: Item
+  )
+
+  attr_reader :items
+
+  def z(index)
+    items[index].dragging ? 2 : nil
+  end
+
+  def update_drag_state(index)
+    items[index].dragging = false
+  end
+
+  def key(index, thing)
+    "key-#{index}"
+  end
+
+  def pos(thing)
+    thing.position
+  end
+
+  def color(thing)
+    thing.color
+  end
+
+  def update_position(index, pos)
+    items[index].dragging = true
+    items[index].position = pos
+  end
+
+  def initialize(**args)
+    @items = [[0, 10, [222,222,0]], [100, 100, [0,222,222]], [300, 300, [0, 222, 0]]].map do |list|
+      item = OpenStruct.new
+      item.position = [list[0], list[1]]
+      item.color = Hokusai::Color.convert(list[2])
+      item.dragging = false
+      item
+    end
+
+    pp items
+
+    super
+  end
+end
+
+Hokusai::Backends::RaylibBackend.run(Drag) do |config|
+  config.after_load do
+    font = Hokusai::Backends::RaylibBackend::Font.from("#{__dir__}/assets/Inter-Regular.ttf")
+    Hokusai.fonts.register "inter", font
+    Hokusai.fonts.activate "inter"
+  end
+end

data/ui/examples/embedded.rb

@@ -0,0 +1,58 @@
+require_relative "../src/hokusai"
+require_relative "../src/hokusai/backends/embedded"
+
+class App < Hokusai::Block
+  template <<~EOF
+  [template]
+    button {
+      @clicked="clear_text"
+      height="30"
+      content="clear"
+    }
+    panel {
+      @swipe="handle_swipe"
+      @taphold="handle_taphold"
+      @pinch="handle_pinch"
+    }
+      text {
+        :content="text"
+        :size="15"
+      }
+  EOF
+
+  uses(
+    button: Hokusai::Blocks::Button,
+    panel: Hokusai::Blocks::Panel,
+    text: Hokusai::Blocks::Text
+  )
+
+  attr_accessor :text
+
+  def initialize(**args)
+    @text = ""
+
+    super
+  end
+
+  def clear_text(event)
+    self.text = ""
+  end
+
+  def handle_pinch(event)
+    self.text += "Pinch: #{event.pinch_direction} - #{event.pinch_pos.x}x#{event.pinch_pos.y} (#{event.pinch_angle})\n\n"
+  end
+
+  def handle_swipe(event)
+    self.text += "Swipe: #{event.drag_direction} - #{event.drag_pos.x}x#{event.drag_pos.y} (#{event.drag_angle})\n\n"
+  end
+
+  def handle_taphold(event)
+    self.text += "Taphold #{event.hold_duration}\n\n"
+  end
+end
+
+Hokusai::Backends::EmbeddedBackend.run(App) do |config|
+  config.after_load do 
+    Hokusai.maximize_window
+  end
+end

data/ui/examples/forum/file.rb

@@ -36,7 +36,7 @@ module Demos
       )
 
       def compute_background
-        index.odd? ? nil : Hokusai::Color.new(255, 255, 255,20)
+        index.odd? ? nil : Hokusai::Color.new(44, 44, 44, 20)
       end
 
       def item_image

data/ui/examples/forum/post.rb

@@ -107,7 +107,6 @@ module Demos
 
       uses(
         vblock: Hokusai::Blocks::Vblock,
-        hblock: Hokusai::Blocks::Hblock,
         text: Hokusai::Blocks::Text,
         image: Hokusai::Blocks::Image,
         label: Hokusai::Blocks::Label,

data/ui/examples/forum.rb

@@ -175,13 +175,13 @@ module Demos
   end
 end
 
-Hokusai::Backends::RaylibBackend.run(Demos::Forum::App) do |config|
+Hokusai::Backends::SDLBackend.run(Demos::Forum::App) do |config|
   config.after_load do
-    font = Hokusai::Backends::RaylibBackend::Font.from("#{__dir__}/assets/Inter-Regular.ttf")
+    font = Hokusai::Backends::SDLBackend::Font.from("#{__dir__}/assets/Inter-Regular.ttf")
     Hokusai.fonts.register "inter", font
     Hokusai.fonts.activate "inter"
 
-    font = Hokusai::Backends::RaylibBackend::Font.from_ext("#{__dir__}/assets/Delius-Regular.ttf", 160)
+    font = Hokusai::Backends::SDLBackend::Font.from("#{__dir__}/assets/Delius-Regular.ttf")
     Hokusai.fonts.register "dohyeon", font
   end 
 
@@ -190,10 +190,10 @@ Hokusai::Backends::RaylibBackend.run(Demos::Forum::App) do |config|
   config.height = 500
   config.title = "Counter application"
 
-  # config.window_config_flags = SDL::WINDOW_RESIZABLE | SDL::WINDOW_BORDERLESS
+  config.window_config_flags = SDL::WINDOW_RESIZABLE #| SDL::WINDOW_BORDERLESS
 
-  config.config_flags = Raylib::FLAG_WINDOW_RESIZABLE | Raylib::FLAG_VSYNC_HINT | Raylib::FLAG_WINDOW_TRANSPARENT
-  config.window_state_flags = Raylib::FLAG_WINDOW_RESIZABLE | Raylib::FLAG_WINDOW_UNDECORATED | Raylib::FLAG_WINDOW_TRANSPARENT
-  config.background = Raylib::BLANK
+  # config.config_flags = Raylib::FLAG_WINDOW_RESIZABLE | Raylib::FLAG_VSYNC_HINT | Raylib::FLAG_WINDOW_TRANSPARENT
+  # config.window_state_flags = Raylib::FLAG_WINDOW_RESIZABLE | Raylib::FLAG_WINDOW_UNDECORATED | Raylib::FLAG_WINDOW_TRANSPARENT
+  # config.background = Raylib::BLANK
 end
 

data/ui/examples/game.rb

@@ -0,0 +1,143 @@
+require_relative "../src/hokusai"
+require_relative "../src/hokusai/backends/raylib"
+require 'ostruct'
+
+TILES = [
+  ["Power Supply", 500],
+  ["Power Distribution", 400],
+  ["Farm", 100],
+  ["Medicine Production", 50],
+  ["Science Research", 400],
+  ["Lumberyard", 200],
+  ["Art Gallery", 20],
+  ["School", 100],
+  ["Commercial transportation", 300],
+  ["Mechanical Automation", 700],
+  ["Tailor shop", 50],
+  ["Housing Construction", 200],
+  ["Commerical Building Construction", 300],
+  ["Restaraunt", 50],
+  ["Furniture manufacturing", 200],
+  ["Cotton mill", 200],
+  ["Metals processing", 400],
+  ["Forestry center", 400],
+  ["Bar", 50],
+  ["Healthcare", 100]
+]
+
+
+class Game < Hokusai::Block
+  style <<-EOF
+  [style]
+  bg {
+    color: rgb(173, 207, 224);
+    width: 100;
+    height: 100;
+    outline: outline(1.0, 1.0, 1.0, 1.0);
+    outline_color: rgb(0, 0, 0);
+  }
+  board {
+    height: 500;
+    width: 500;
+  }
+  height {
+    height: 100;
+  }
+  textPadding {
+    padding: padding(10.0, 5.0, 10.0, 10.0);
+  }
+  EOF
+  template <<~EOF
+  [template]
+    vblock { ...board }
+      hblock
+        [for="tile in top"]
+          rect { :key="top_key(tile)" ...bg }
+            text {  :content="tile" ...textPadding}
+      [for="i in middle"]
+        hblock {...height :key="get(i)"}
+          rect {...bg}
+            text {  :key="get(i)" :content="get(i)" ...textPadding }
+          empty
+          empty
+          empty
+          rect {...bg }
+            text { :key="get_next(i)" :content="get_next(i)" ...textPadding}
+      hblock
+        [for="tile in bottom"]
+          rect { ...bg  :key="bottom_key(tile)" }
+            text { :key="tile" :content="tile" ...textPadding }
+  EOF
+
+  uses(
+    hblock: Hokusai::Blocks::Hblock,
+    vblock: Hokusai::Blocks::Vblock,
+    text: Hokusai::Blocks::Text,
+    empty: Hokusai::Blocks::Empty,
+    rect: Hokusai::Blocks::Rect
+  )
+
+  attr_reader :tiles
+
+  def get(i)
+    tiles[i[0]].title
+  end
+
+  def get_next(i)
+    tiles[i[1]].title
+  end
+
+  def middle
+   (5..10).each_slice(2).to_a
+  end
+
+  def bottom_key(t)
+    "bottom-#{t}"
+  end
+
+  def top_key(t)
+    "top-#{t}"
+  end
+
+  def top
+    tiles.take(5).map(&:title)
+  end
+
+  def bottom
+    a = tiles[-5, 5].map(&:title)
+    a
+  end
+
+  def after_updated
+    @tiles = TILES.map do |(label, cost)|
+      os = OpenStruct.new
+      os.title = label
+      os.cost = cost
+      os
+    end
+  end
+
+  def initialize(**args)
+    @tiles = TILES.map do |(label, cost)|
+      os = OpenStruct.new
+      os.title = label
+      os.cost = cost
+      os
+    end
+
+    super
+  end
+end
+
+
+Hokusai::Backends::RaylibBackend.run(Game) do |config|
+  config.width = 500
+  config.height = 500
+  
+  config.after_load do
+    font = Hokusai::Backends::RaylibBackend::Font.from_ext("#{__dir__}/assets/OpenSans-Regular.ttf", 160)
+    Hokusai.fonts.register "opensans", font
+    Hokusai.fonts.activate "opensans"
+  end
+end
+

data/ui/examples/keyboard.rb

@@ -0,0 +1,47 @@
+require_relative "../src/hokusai"
+require_relative "../src/hokusai/backends/sdl2"
+require_relative "../src/hokusai/backends/raylib"
+
+class KeyboardExample < Hokusai::Block
+  style <<~EOF
+  [style]
+  example {
+    background: rgb(225,255,255);
+    reverse: true
+  }
+  input {
+    size: 20;
+    color: rgb(0, 0, 0);
+  }
+  EOF
+  
+  template <<~EOF
+  [template]
+    vblock { ...example }
+      keyboard
+      vblock
+        input {
+          ...input
+        }
+  EOF
+
+  uses(
+    input: Hokusai::Blocks::Input,
+    vblock: Hokusai::Blocks::Vblock,
+    text: Hokusai::Blocks::Text,
+    keyboard: Hokusai::Blocks::Keyboard
+  )
+
+  attr_accessor :content
+
+  def initialize(**args)
+    super
+    @content = ""
+  end
+end
+
+Hokusai::Backends::RaylibBackend.run(KeyboardExample) do |config|
+  config.width = 370
+  config.height = 680
+  config.title = "keyboard example"
+end