hokusai-zero 0.2.6.pre.pinephone6 → 0.2.6

data/ui/examples/drag.rb

@@ -1,154 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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/game.rb

@@ -1,143 +0,0 @@
-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

@@ -1,47 +0,0 @@
-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

data/ui/examples/overlay.rb

@@ -1,233 +0,0 @@
-require_relative "../src/hokusai"
-require_relative "../src/hokusai/backends/raylib"
-
-class DropdownItem < Hokusai::Block
-  style <<~EOF
-  [style]
-  textStyle {
-    padding: padding(5.0, 5.0, 5.0, 5.0);
-    size: 23;
-    color: rgb(255,255,255);
-    cursor: "pointer";
-  }
-  EOF
-
-  template <<~EOF
-  [template]
-    text#second {
-      :content="content" 
-      ...textStyle
-      @click="emit_option" 
-      @height_updated="udpate_height"
-    }
-  EOF
-
-  uses(text: Hokusai::Blocks::Text)
-
-  computed! :content
-  computed! :index
-
-  def udpate_height(height)
-    node.portal.meta.set_prop(:height, height)
-    emit("height", height, index)
-  end
-
-  def emit_option(e)
-    emit("option", content)
-  end
-end
-
-class Dropdown < Hokusai::Block
-  style <<-EOF
-  [style]
-  panelStyle {
-    z: 1;
-    width: 200;
-    height: 300;
-    background: rgb(67, 64, 92);
-  }
-
-  labelStyle {
-    size: 22;
-    content: "Please choose your fruit?";
-  }
-  EOF
-  
-  template <<~EOF
-  [template]
-    vblock { @click="toggle_dropdown" height="70"}
-      label { ...labelStyle }
-      label { :content="selected" size="25" }
-      [if="toggled"]
-        panel#first { ...panelStyle @click="stop"}
-          [for="option in options"]
-            item { 
-              :height="get_height(index)"
-              :content="option" 
-              :key="index" 
-              :index="index" 
-              @option="select" 
-              @height="update_height" 
-            }
-  EOF
-  
-  uses(label: Hokusai::Blocks::Label, vblock: Hokusai::Blocks::Vblock, item: DropdownItem, panel: Hokusai::Blocks::Panel)
-
-  attr_reader :toggled
-
-  computed! :options
-
-  def list_height
-    @heights ||= {}
-    @heights.values.reduce(&:+) || 0.0
-  end
-
-  def get_height(index)
-    @heights ||= {}
-    @heights[index] || 0.0
-  end
-
-  def update_height(height, index)
-    @heights ||= {}
-    @heights[index] = height
-  end
-
-  def stop(e)
-  end
-
-  def toggle_dropdown(_)
-    @toggled = !@toggled
-  end
-
-  def select(option)
-    @selected = option
-    @toggled = false
-  end
-
-  # def options
-  #   %w[apple pear mango pineapple orange pear bananana kiwi grapes melon lemon lime]
-  # end
-
-  def selected
-    @selected || options.first
-  end
-
-  def initialize(**args)
-    @toggled = true
-
-    super
-  end
-end
-
-class Modal < Hokusai::Block
-  template <<~EOF
-  [template]
-    hblock#top
-      empty
-      empty#topempty
-      text { @click="emit_close" content="X" size="40" color="255,255,255}
-    hblock#middle { height="300"}
-      slot
-    hblock#last
-      empty#lastempty
-  EOF
-
-  uses(vblock: Hokusai::Blocks::Vblock, empty: Hokusai::Blocks::Empty, hblock: Hokusai::Blocks::Hblock, text: Hokusai::Blocks::Label)
-
-  computed :color, default: [0, 0, 0, 200], convert: Hokusai::Color
-
-  def emit_close(event)
-    emit("close")
-
-    event.stop
-  end
-
-  def render(canvas)
-    draw do
-      rect(canvas.x, canvas.y, canvas.width, canvas.height) do |command|
-        command.color = color
-      end
-    end
-
-    yield canvas
-  end
-end
-
-class Thing < Hokusai::Block
-  style <<~EOF
-  [style]
-  textStyle {
-    size: 30;
-    color: rgb(0, 0, 0);
-    content: "Hello modal!";
-  }
-
-  otherText {
-    size: 25;
-    content: "Hello World";
-  }
-  contentStyle {
-    height: 300.0;
-    width: 300.0;
-    background: rgb(255, 255, 255, 255);
-  }
-  backgroundStyle {
-    background: rgb(43, 151, 117);
-  }
-  modalStyle {
-    z: 1;
-    position: "absolute";
-  }
-  EOF
-  
-  template <<~EOF
-  [template]
-    vblock#topnot
-      hblock#not{ ...backgroundStyle }
-        text#not { ...otherText @click="open_modal" }
-        dropdown { :options="outer_options" }
-      hblock { background="233,0,0" }
-        text#second { content="Second" }
-        modal {
-          @close="close"
-          :active="modal_open"
-        }
-          vblock { ...contentStyle }
-            dropdown { :options="inner_options" }
-            color_picker
-            text#last { size="30" content="last"}
-  EOF
-
-  attr_reader :modal_open
-
-  def log(event)
-    pp ["clicked!"]
-  end
-
-  def outer_options
-    %w[sam betty fred candace justin lucy annabelle nick janessa sean]
-  end
-
-  def inner_options
-    %w[apple pear mango pineapple orange pear bananana kiwi grapes melon lemon lime]
-  end
-
-  def open_modal(event)
-    @modal_open = true
-  end
-
-  def close
-    @modal_open = false
-  end
-
-  uses(
-    color_picker: Hokusai::Blocks::ColorPicker, modal: Hokusai::Blocks::Modal, dropdown: Hokusai::Blocks::Dropdown, vblock: Hokusai::Blocks::Vblock, text: Hokusai::Blocks::Text,empty: Hokusai::Blocks::Empty, hblock: Hokusai::Blocks::Hblock)
-end
-
-Hokusai::Backends::RaylibBackend.run(Thing) 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/provider.rb

@@ -1,56 +0,0 @@
-require_relative "../src/hokusai"
-require_relative "../src/hokusai/backends/raylib"
-
-class Child < Hokusai::Block
-  template <<~EOF
-  [template]
-    text { :content="get_content" @selected="handle_selected" @height_updated="update_height"}
-  EOF
-
-  uses(
-    vblock: Hokusai::Blocks::Vblock,
-    text: Hokusai::Blocks::Text,
-    input: Hokusai::Blocks::Input
-  )
-
-  def update_height(height)
-    node.meta.set_prop(:height, height)
-  end
-
-  def handle_selected(start, stop)
-    pp [start, stop]
-  end
-
-  def get_content
-    @file ||= File.read(__FILE__)
-  end
-end
-
-class ProviderExample < Hokusai::Block
-  template <<~EOF
-  [template]
-  selectable
-    panel
-      text { :content="get_content" }
-  EOF
-
-  uses(
-    vblock: Hokusai::Blocks::Vblock,
-    selectable: Hokusai::Blocks::Selectable,
-    panel: Hokusai::Blocks::Panel,
-    child: Child,
-    text: Hokusai::Blocks::Text
-  )
-
-  def get_content
-    @file ||= File.read(__FILE__)
-  end
-end
-
-
-Hokusai::Backends::RaylibBackend.run(ProviderExample) do |config|
-  config.width = 500
-  config.height = 500
-  config.title = "Provider application"
-end
-