hokusai-zero 0.1.3 → 0.1.4

data/grammar/test.nml

@@ -1,10 +1,12 @@
-[template]
-  vblock {
-    ...styleSpread
-  }
-
 [style]
-styleSpread {
-  background: rgb(86, 116, 25);
-  outline_color: rgba(191, 112, 112, 0.67);
+mainContainer {
+  int: 38;
+  bool: true;
+  float: 0.3;
+  string: "foobar";
+  func: outline(0, 0, 1, 0);
+}
+
+other {
+  bool: false;
 }

data/hokusai.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'hokusai-zero'
-  s.version     = '0.1.3'
+  s.version     = '0.1.4'
   s.licenses    = ['PPL']
   s.summary     = "A Ruby library for writing GUI applications"
   s.authors     = ["skinnyjames"]
@@ -19,4 +19,5 @@ Gem::Specification.new do |s|
   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"
 end

data/ui/examples/buddy.rb

@@ -2,26 +2,28 @@ require_relative "../src/hokusai"
 require_relative "../src/hokusai/backends/sdl2"
 require_relative "../src/hokusai/backends/raylib"
 
-module Buddy
-  class App < Hokusai::Block
-    template <<~EOF
-    [template]
-      buddy {
-        width="400"
-        height="400"
-        :source="buddy_img"
-      }
-    EOF
+module Demos
+  module Buddy
+    class App < Hokusai::Block
+      template <<~EOF
+      [template]
+        buddy {
+          width="400"
+          height="400"
+          :source="buddy_img"
+        }
+      EOF
 
-    uses(buddy: Hokusai::Blocks::Image)
+      uses(buddy: Hokusai::Blocks::Image)
 
-    def buddy_img
-      "#{__dir__}/assets/science-troll.png"
+      def buddy_img
+        "#{__dir__}/assets/science-troll.png"
+      end
     end
   end
 end
 
-Hokusai::Backends::RaylibBackend.run(Buddy::App) do |config|
+Hokusai::Backends::RaylibBackend.run(Demos::Buddy::App) do |config|
   config.width = 500
   config.height = 500
   config.title = "Buddy"

data/ui/examples/clock.rb

@@ -5,45 +5,47 @@ require_relative "./tic_tac_toe"
 require_relative "./counter"
 require "date"
 
-class Clock < Hokusai::Block
-  template <<~EOF
-    [template]
-      vblock { background="22,22,22" height="50"}
-        label { :content="time" size="30" color="233,233,233" }
-      hblock
-        game { @width="set_width"}
-        [if="fullscreen"]
-          stock
-  EOF
-
-  uses(
-    vblock: Hokusai::Blocks::Vblock,
-    hblock: Hokusai::Blocks::Hblock,
-    empty: Hokusai::Blocks::Empty,
-    label: Hokusai::Blocks::Label,
-    game: TicTacToe::App,
-    stock: Counter
-  )
-
-  attr_accessor :width
-
-  provide :clock_time, :time
-
-  def time
-    time = DateTime.now
-    "#{time.hour}:#{time.minute} #{time.second}"
-  end
-
-  def set_width(width)
-    @width = width
-  end
-
-  def fullscreen
-    (width || 0) > 500
+module Demos
+  class Clock < Hokusai::Block
+    template <<~EOF
+      [template]
+        vblock { background="22,22,22" height="50"}
+          label { :content="time" size="30" color="233,233,233" }
+        hblock
+          game { @width="set_width"}
+          [if="fullscreen"]
+            stock
+    EOF
+
+    uses(
+      vblock: Hokusai::Blocks::Vblock,
+      hblock: Hokusai::Blocks::Hblock,
+      empty: Hokusai::Blocks::Empty,
+      label: Hokusai::Blocks::Label,
+      game: TicTacToe::App,
+      stock: Counter
+    )
+
+    attr_accessor :width
+
+    provide :clock_time, :time
+
+    def time
+      time = DateTime.now
+      "#{time.hour}:#{time.minute} #{time.second}"
+    end
+
+    def set_width(width)
+      @width = width
+    end
+
+    def fullscreen
+      (width || 0) > 500
+    end
   end
 end
 
-Hokusai::Backends::SDLBackend.run(Clock) do |config|
+Hokusai::Backends::SDLBackend.run(Demos::Clock) do |config|
   config.after_load do
     # Note: how to load a font...
     # Thank you to Vladimir Nikolic - https://www.1001fonts.com/users/vladimirnikolic/

data/ui/examples/counter.rb

@@ -1,108 +1,110 @@
 require_relative "../src/hokusai"
 require_relative "../src/hokusai/backends/raylib"
 
-class Counter < Hokusai::Block
-  style <<~EOF
-  [style]
-  additionStyles {
-    background: rgb(214, 49, 24);
-    rounding: 0.0;
-    outline: outline(1,4,4,1);
-    outline_color: rgb(216, 26, 137);
-  }
-
-  additionLabel {
-    size: 40;
-    color: rgb(255,255,255);
-  }
-
-  subtractStyles {
-    background: rgb(0, 85, 170);
-    rounding: 0.0;
-  }
-
-  subtractLabel {
-    size: 50;
-    color: rgb(255,255,255);
-  }
-
-  scrollbar {
-    width: 25;
-    control_height: 100;
-    control_padding: 5;
-    control_rounding: 5;
-  }
-  EOF
-
-  template <<-EOF
-  [template]
-    hblock { @keypress="update_keys"}
-      vblock
-        hblock
-          label#count {
-            :content="count"
-            size="130" 
-            :color="count_color"
-          }
-        hblock
-          vblock#add { ...additionStyles }
-            label { 
-              content="Add"
-              @click="increment" 
-              ...additionLabel 
+module Demos
+  class Counter < Hokusai::Block
+    style <<~EOF
+    [style]
+    additionStyles {
+      background: rgb(214, 49, 24);
+      rounding: 0.0;
+      outline: outline(1,4,4,1);
+      outline_color: rgb(216, 26, 137);
+    }
+
+    additionLabel {
+      size: 40;
+      color: rgb(255,255,255);
+    }
+
+    subtractStyles {
+      background: rgb(0, 85, 170);
+      rounding: 0.0;
+    }
+
+    subtractLabel {
+      size: 50;
+      color: rgb(255,255,255);
+    }
+
+    scrollbar {
+      width: 25;
+      control_height: 100;
+      control_padding: 5;
+      control_rounding: 5;
+    }
+    EOF
+
+    template <<-EOF
+    [template]
+      hblock { @keypress="update_keys"}
+        vblock
+          hblock
+            label#count {
+              :content="count"
+              size="130" 
+              :color="count_color"
             }
-          vblock#subtract { ...subtractStyles }
-            label { 
-              content="Subtract"
-              @click="decrement" 
-              ...subtractLabel 
-            }
-      [if="count_positive"]
-        scrollbar { ...scrollbar }
-  EOF
-
-  uses(
-    vblock: Hokusai::Blocks::Vblock,
-    hblock: Hokusai::Blocks::Hblock,
-    label: Hokusai::Blocks::Label,
-    scrollbar: Hokusai::Blocks::Scrollbar,
-    image: Hokusai::Blocks::Image
-  )
-
-  attr_accessor :count, :keys
-
-  def count_positive
-    count > 0
-  end
-
-  def modal
-    !keys.empty?
-  end
-
-  def update_keys(event)
-    @keys << event.char
-  end
-
-  def increment(event)
-    self.count += 1
-  end
-
-  def decrement(event)
-    self.count -= 1
-  end
-
-  def count_color
-    self.count > 0 ? [0,0,255] : [255,0,0]
-  end
-
-  def initialize(**args)
-    @count = 0
-    @keys = ""
-    super(**args)
+          hblock
+            vblock#add { ...additionStyles }
+              label { 
+                content="Add"
+                @click="increment" 
+                ...additionLabel 
+              }
+            vblock#subtract { ...subtractStyles }
+              label { 
+                content="Subtract"
+                @click="decrement" 
+                ...subtractLabel 
+              }
+        [if="count_positive"]
+          scrollbar { ...scrollbar }
+    EOF
+
+    uses(
+      vblock: Hokusai::Blocks::Vblock,
+      hblock: Hokusai::Blocks::Hblock,
+      label: Hokusai::Blocks::Label,
+      scrollbar: Hokusai::Blocks::Scrollbar,
+      image: Hokusai::Blocks::Image
+    )
+
+    attr_accessor :count, :keys
+
+    def count_positive
+      count > 0
+    end
+
+    def modal
+      !keys.empty?
+    end
+
+    def update_keys(event)
+      @keys << event.char
+    end
+
+    def increment(event)
+      self.count += 1
+    end
+
+    def decrement(event)
+      self.count -= 1
+    end
+
+    def count_color
+      self.count > 0 ? [0,0,255] : [255,0,0]
+    end
+
+    def initialize(**args)
+      @count = 0
+      @keys = ""
+      super(**args)
+    end
   end
 end
 
-Hokusai::Backends::RaylibBackend.run(Counter) do |config|
+Hokusai::Backends::RaylibBackend.run(Demos::Counter) do |config|
   # config.after_load do
   #   # Note: how to load a font...
   #   # Thank you to Vladimir Nikolic - https://www.1001fonts.com/users/vladimirnikolic/

data/ui/examples/dynamic.rb

@@ -5,134 +5,136 @@ require_relative "../src/hokusai/backends/raylib"
 require_relative "./stock"
 require_relative "./tic_tac_toe"
 
-module Dynamic
-  class Block < Hokusai::Block
-    template <<~EOF
-    [template]
-      empty
-    EOF
+module Demos
+  module Dynamic
+    class Block < Hokusai::Block
+      template <<~EOF
+      [template]
+        empty
+      EOF
 
-    uses(empty: Hokusai::Blocks::Empty)
+      uses(empty: Hokusai::Blocks::Empty)
 
-    computed! :script
+      computed! :script
 
-    def on_mounted
-      klass = eval(script)
+      def on_mounted
+        klass = eval(script)
 
-      raise Hokusai::Error.new("Class #{klass} is not a Hokusai::Block") unless klass.ancestors.include?(Hokusai::Block)
+        raise Hokusai::Error.new("Class #{klass} is not a Hokusai::Block") unless klass.ancestors.include?(Hokusai::Block)
 
-      node.meta.set_child(0, klass.mount)
+        node.meta.set_child(0, klass.mount)
+      end
     end
-  end
 
-  class App < Hokusai::Block
-    style <<~EOF
-    [style]
-    mainStyle {
-      background: rgb(8, 8, 8);
-    }
-
-    appText {
-      content: "Address Lookup";
-      size: 30;
-      color: rgb(222,222,222);
-    }
-    EOF
-
-    template <<~EOF
-    [template]
-      vblock {
-        ...mainStyle
+    class App < Hokusai::Block
+      style <<~EOF
+      [style]
+      mainStyle {
+        background: rgb(8, 8, 8);
       }
-        text { ...appText }
-        variable { :script="script" }
-    EOF
-
-    uses(
-      vblock: Hokusai::Blocks::Vblock,
-      text: Hokusai::Blocks::Text,
-      variable: Dynamic::Block,
-    )
-
-    def script
-      <<~RUBY
-        require "rest-client"
-        require "uri"
-
-        class TestDynamic < Hokusai::Block
-          style <<~EOF
-          [style]
-          inputStyle {
-            background: rgb(18, 18, 18);
-            text_color: rgb(244,244,244);
-            size: 25;
-            height: 80;
-            outline: outline(1,0,1,0);
-            outline_color: rgb(222,222,222);
-          }
-
-          textStyle {
-            color: rgb(225, 228, 224);
-            size: 23;
-            cursor: "manual";
-            padding: padding(5, 20, 0, 20);
-            markdown: true;
-          }
-
-          buttonStyle {
-            size: 20;
-            content: "Open in Maps";
-          }
-          EOF
-          
-          template <<~EOF
-          [template]
-          input {
-            ...inputStyle
-            @change="geocode"
-          }
-          hblock
-            [if="response"]
-              panel
-                text {
-                  ...textStyle
-                  :content="content"
-                }
-          EOF
-
-          uses(
-            hblock: Hokusai::Blocks::Hblock,
-            text: Hokusai::Blocks::Text,
-            input: Hokusai::Blocks::Input,
-            panel: Hokusai::Blocks::Panel,
-            button: Hokusai::Blocks::Button
-          )
-
-          attr_reader :response
-
-          def geocode(address)
-            uri = "https://geoffrey.skinnyjames.net/api/v1/us/geocode/\#{URI.encode_uri_component(address)}"
-            @response = JSON.parse(RestClient.get(uri).body, symbolize_names: true)          
-          end
 
-          def content
-            @response&.reduce("") do |memo, payload|
-              link = "https://maps.google.com/maps?q=\#{payload[:latitude]}+\#{payload[:longitude]}"
-
-              memo << "Address: [\#{payload[:address_number]} \#{payload[:street_name]} (\#{payload[:postal_community]}, \#{payload[:state]})](\#{link})\n"
-              memo << "  **Latitude:** _\#{payload[:latitude]}_, **Longitude:** _\#{payload[:longitude]}_\n"
-              memo << "  [Some link](https://google.com)\n\n"
-            end || "Placeholder"
+      appText {
+        content: "Address Lookup";
+        size: 30;
+        color: rgb(222,222,222);
+      }
+      EOF
+
+      template <<~EOF
+      [template]
+        vblock {
+          ...mainStyle
+        }
+          text { ...appText }
+          variable { :script="script" }
+      EOF
+
+      uses(
+        vblock: Hokusai::Blocks::Vblock,
+        text: Hokusai::Blocks::Text,
+        variable: Dynamic::Block,
+      )
+
+      def script
+        <<~RUBY
+          require "rest-client"
+          require "uri"
+
+          class TestDynamic < Hokusai::Block
+            style <<~EOF
+            [style]
+            inputStyle {
+              background: rgb(18, 18, 18);
+              text_color: rgb(244,244,244);
+              size: 25;
+              height: 80;
+              outline: outline(1,0,1,0);
+              outline_color: rgb(222,222,222);
+            }
+
+            textStyle {
+              color: rgb(225, 228, 224);
+              size: 23;
+              cursor: "manual";
+              padding: padding(5, 20, 0, 20);
+              markdown: true;
+            }
+
+            buttonStyle {
+              size: 20;
+              content: "Open in Maps";
+            }
+            EOF
+            
+            template <<~EOF
+            [template]
+            input {
+              ...inputStyle
+              @change="geocode"
+            }
+            hblock
+              [if="response"]
+                panel
+                  text {
+                    ...textStyle
+                    :content="content"
+                  }
+            EOF
+
+            uses(
+              hblock: Hokusai::Blocks::Hblock,
+              text: Hokusai::Blocks::Text,
+              input: Hokusai::Blocks::Input,
+              panel: Hokusai::Blocks::Panel,
+              button: Hokusai::Blocks::Button
+            )
+
+            attr_reader :response
+
+            def geocode(address)
+              uri = "https://geoffrey.skinnyjames.net/api/v1/us/geocode/\#{URI.encode_uri_component(address)}"
+              @response = JSON.parse(RestClient.get(uri).body, symbolize_names: true)          
+            end
+
+            def content
+              @response&.reduce("") do |memo, payload|
+                link = "https://maps.google.com/maps?q=\#{payload[:latitude]}+\#{payload[:longitude]}"
+
+                memo << "Address: [\#{payload[:address_number]} \#{payload[:street_name]} (\#{payload[:postal_community]}, \#{payload[:state]})](\#{link})\n"
+                memo << "  **Latitude:** _\#{payload[:latitude]}_, **Longitude:** _\#{payload[:longitude]}_\n"
+                memo << "  [Some link](https://google.com)\n\n"
+              end || "Placeholder"
+            end
           end
-        end
 
-        TestDynamic
-      RUBY
+          TestDynamic
+        RUBY
+      end
     end
   end
 end
 
-Hokusai::Backends::SDLBackend.run(Dynamic::App) do |config|
+Hokusai::Backends::SDLBackend.run(Demos::Dynamic::App) do |config|
   # backend specific configuration
   config.width = 600
   config.height = 500