hokusai-zero 0.2.6.pre.pinephone6 → 0.2.6

data/ui/examples/shader/test.rb

@@ -1,155 +0,0 @@
-require_relative "../../src/hokusai"
-require_relative "../../src/hokusai/backends/raylib"
-require "date"
-
-class ShaderWrapper < Hokusai::Block
-  template <<~EOF
-  [template]
-    shader_begin {
-      @mousemove="update_value"
-      :vertex_shader="vertex_shader"
-      :uniforms="uniforms"
-    }
-      slot
-      shader_end
-  EOF
-
-  uses(
-    shader_begin: Hokusai::Blocks::ShaderBegin,
-    shader_end: Hokusai::Blocks::ShaderEnd,
-    texture: Hokusai::Blocks::Texture
-  )
-
-  def update_value(event)
-    @pos = (event.pos.x + event.pos.y) / 1000
-  end
-
-  def uniforms
-    return unless @start && @pos
-    done = Process.clock_gettime(Process::CLOCK_MONOTONIC)
-    elapsed = (done - @start).round(3)
-
-    {
-      millis: [elapsed / 2, Hokusai::SHADER_UNIFORM_FLOAT]
-    }
-  end
-
-  def on_mounted
-    @start = Process.clock_gettime(Process::CLOCK_MONOTONIC)
-  end
-
-  def fragment_shader
-    <<-EOF
-    #version 330
-    in vec4 fragColor;
-    out vec4 finalColor;
-
-    void main() {
-      finalColor =  fragColor; //vec4(0., 1., 0., 1.);
-    }
-    EOF
-  end
-
-  def vertex_shader
-    <<-EOF
-    #version 330
-    in vec3 vertexPosition;
-    in vec2 vertexTexCoord;
-    in vec4 vertexColor;
-
-    uniform mat4 mvp;
-    uniform float millis;
-
-    out vec2 fragTexCoord;
-    out vec4 fragColor;
-  
-    void main() {
-      fragTexCoord = vertexTexCoord;
-      fragColor = vertexColor;
-      vec4 position = mvp * vec4(vertexPosition, 1.);
-      
-      position.x += sin(millis + position.y * 8) / 8;
-      gl_Position = position;
-    }
-    EOF
-  end
-
-  def render(canvas)
-    canvas.vertical = true
-    @x = canvas.x
-
-    yield canvas
-  end
-end
-
-class ShaderTest < Hokusai::Block
-  style <<~EOF
-  [style]
-  circleStyle {
-    color: rgb(47, 112, 106);
-  }
-
-  textStyle {
-    content: "Whoa, coool dude.";
-    size: 15.0;
-  }
-  EOF
-  
-  template <<~EOF
-  [template]
-  vblock
-    [if="pickered"]
-      picker
-    [else]
-      vblock
-        hblock { @click="set_pickered" }
-          empty
-        hblock
-          hblock
-            empty
-          hblock
-            wrapper
-              image { :source="addy_png" :width="500" :height="400" }
-              text { ...textStyle }
-              circle {
-                :radius="50.0"
-                ...circleStyle
-              }
-          hblock
-            empty
-        hblock
-          empty
-  EOF
-
-  uses(
-    wrapper: ShaderWrapper,
-    picker: Hokusai::Blocks::ColorPicker,
-    image: Hokusai::Blocks::Image,
-    text: Hokusai::Blocks::Text,
-    circle: Hokusai::Blocks::Circle,
-    vblock: Hokusai::Blocks::Vblock,
-    hblock: Hokusai::Blocks::Hblock,
-    empty: Hokusai::Blocks::Empty
-  )
-
-  attr_accessor :pickered
-
-  def set_pickered(event)
-    self.pickered = true
-  end
-
-  def addy_png
-    "#{__dir__}/../assets/addy.png"
-  end
-end
-
-
-Hokusai::Backends::RaylibBackend.run(ShaderTest) do |config|
-  config.width = 900
-  config.height = 800
-  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/shader.rb

@@ -1,100 +0,0 @@
-require_relative "../src/hokusai"
-require_relative "../src/hokusai/backends/raylib"
-
-class ShaderExample < Hokusai::Block
-  style <<~EOF
-  [style]
-  textureThing {
-    width: 500;
-    height: 900;
-    scale: 100.0;
-  }
-  EOF
-  
-  template <<~EOF
-  [template]
-    colorpicker
-    shader_begin {
-      @mousemove="change_rotation"
-      @click="switch_color"
-      :fragment_shader="fragment_shader"
-      :uniforms="uniforms"
-    }
-      texture {
-        ...textureThing
-        :rotation="rotate"
-      }
-      shader_end
-  EOF
-
-  uses(
-    colorpicker: Hokusai::Blocks::ColorPicker,
-    shader_begin: Hokusai::Blocks::ShaderBegin,
-    shader_end: Hokusai::Blocks::ShaderEnd,
-    texture: Hokusai::Blocks::Texture,
-    rect: Hokusai::Blocks::Rect,
-    vblock: Hokusai::Blocks::Vblock
-  )
-
-  attr_reader :rotate
-
-  def initialize(**args)
-    @color = [1.0, 0.0, 0.0, 1.0]
-    @position = [0.0, 100.0, 0.0, 1.0]
-
-    super
-  end
-
-  def change_rotation(event)
-    @rotate = event.delta[:y]
-  end
-
-  def switch_color(event)
-    @color = [
-      [0.3, 0.3, 0.3, 1.0],
-      [0.0, 1.0, 0.0, 1.0],
-      [0.0, 0.0, 1.0, 1.0]
-    ].sample
-  end
-
-  # def move_mouse(event)
-  #   @position[0] = [0.0, 0.3, 0.6, 0.9, 1.0].sample
-  # end
-
-  def vertex_shader
-    <<-EOF
-    #version 330 core
-
-    uniform vec4 position;
-
-    void main() {
-      gl_Position = position;
-    }
-    EOF
-  end
-
-  def fragment_shader
-    <<-EOF
-    #version 330 core
-
-    in vec4 position;
-    out vec4 FragColor; 
-    
-    uniform vec4 color;
-
-    void main() {
-      FragColor = color;
-    }
-    EOF
-  end
-
-  def uniforms
-    [
-      ["color", @color, Hokusai::SHADER_UNIFORM_VEC4]
-    ]
-  end
-end
-
-Hokusai::Backends::RaylibBackend.run(ShaderExample) do |config|
-  config.background = Raylib::BLUE
-end

data/ui/examples/wiki.rb

@@ -1,82 +0,0 @@
-require "wikipedia"
-require_relative "../src/hokusai"
-require_relative "../src/hokusai/backends/raylib"
-
-module Wiki
-  class Widget < Hokusai::Block
-    style <<-EOF
-    [style]
-    wikiStyle {
-      color: rgb(49, 49, 49);
-      size: 20;
-      markdown: true;
-      padding: padding(5.0, 10.0, 5.0, 10.0);
-    }
-    search {
-      height: 45;
-      background: rgb(239, 243, 255);
-    }
-    EOF
-    template <<-EOF
-    [template]
-    selectable
-      vblock
-        vblock { 
-          ...search
-        }
-          label { 
-            content="Search by Term"
-          }
-          input {
-            size="25"
-            @change="update_term"
-          }
-        [if="summary"]
-          panel
-            text {
-              @selected="handle_selected"
-              :content="summary"
-              ...wikiStyle
-            }
-    EOF
-
-    uses(
-      selectable: Hokusai::Blocks::Selectable,
-      vblock: Hokusai::Blocks::Vblock,
-      text: Hokusai::Blocks::Text,
-      label: Hokusai::Blocks::Label,
-      input: Hokusai::Blocks::Input,
-      panel: Hokusai::Blocks::Panel,
-    )
-
-    attr_reader :summary
-
-    def update_term(term)  
-      page = Wikipedia.find(term)
-
-      @summary = <<~EOF
-      **[#{term}](#{page.fullurl})**
-
-      #{page.summary}
-      EOF
-
-      @summary
-    end
-
-    def handle_selected(start, stop)
-      pp [start, stop]
-    end
-  end
-end
-
-Hokusai::Backends::RaylibBackend.run(Wiki::Widget) do |config|
-  config.after_load do
-    font = Hokusai::Backends::RaylibBackend::Font.from_ext("#{__dir__}/assets/Inter-Regular.ttf", 160)
-    Hokusai.fonts.register "inter", font
-    Hokusai.fonts.activate "inter"
-  end
-
-  config.width = 500
-  config.height = 500
-  config.title = "Wiki Widget"
-end

data/ui/spec/hokusai/e2e/keyboard_spec.rb

@@ -1,52 +0,0 @@
-# describe Hokusai::Automation::Client do
-#   let(:keyboard) do
-#     klass = Class.new(Hokusai::Block) do
-#       template <<~EOF
-#       [template]
-#         vblock
-#           text#display {
-#             @keypress="update_content"
-#             :content="content" size="90" 
-#           }
-#           keyboard{ :automatic="true" }
-#       EOF
-
-#       uses(
-#         text: Hokusai::Blocks::Text,
-#         keyboard: Hokusai::Blocks::Keyboard
-#       )
-
-#       attr_accessor :content
-
-#       def update_content(event)
-#         self.content << event.char
-#       end
-
-#       def initialize(**args)
-#         @content = ""
-
-#         super(**args)
-#       end
-#     end
-
-#     klass
-#   end
-
-#   def click_key(client, key)
-#     client.block("keyboard.#{key}").click
-#   end
-  
-#   it "client works" do
-#     with_app(keyboard) do |client, app|
-#       display = client.block("#display")
-
-#       expect(display.prop("content")).to eq("")
-
-#       "hello world".split("").each do |key|
-#         click_key(client, key)
-#       end
-
-#       expect(display.prop("content")).to eq("hello world")
-#     end
-#   end
-# end 

data/ui/src/hokusai/assets/icons/outline/arrow-big-up.svg

@@ -1,19 +0,0 @@
-<!--
-tags: [direction, north]
-category: Arrows
-version: "1.37"
-unicode: "eddd"
--->
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="white"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M9 20v-8h-3.586a1 1 0 0 1 -.707 -1.707l6.586 -6.586a1 1 0 0 1 1.414 0l6.586 6.586a1 1 0 0 1 -.707 1.707h-3.586v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
-</svg>

data/ui/src/hokusai/assets/icons/outline/backspace.svg

@@ -1,20 +0,0 @@
-<!--
-category: Text
-tags: [delete, remove, eliminate]
-version: "1.0"
-unicode: "ea2d"
--->
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="white"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5z" />
-  <path d="M12 10l4 4m0 -4l-4 4" />
-</svg>