mayu-live 0.0.0

data/lib/mayu/vdom/vtree.test.rb

@@ -0,0 +1,68 @@
+# typed: true
+
+require "minitest/autorun"
+require "test_helper"
+require "async"
+require "rexml/document"
+require "stringio"
+require_relative "vtree"
+require_relative "../session"
+require_relative "../app_metrics"
+
+class TestVTree < Minitest::Test
+  H = Mayu::VDOM::Descriptor
+
+  MyComponent = Mayu::TestHelper.haml_to_component(__FILE__, __LINE__, <<~HAML)
+    %div
+      %h1 Hola mundo #{@lol ||= rand}
+      %pre= props[:count]
+  HAML
+
+  def test_component_reuse
+    Mayu::TestHelper.test_component(MyComponent, count: 0) do |page|
+      # page.debug!
+      original_text = page.find_by_css("h1")&.inner_text
+
+      page.render(H[MyComponent, count: 1])
+      page.wait_for_update
+      # page.debug!
+      assert_equal(page.find_by_css("h1")&.inner_text, original_text)
+
+      page.render(H[MyComponent, count: 2])
+      page.wait_for_update
+
+      # page.debug!
+      assert_equal(page.find_by_css("h1")&.inner_text, original_text)
+    end
+  end
+
+  def test_list_ordering
+    component = Mayu::TestHelper.haml_to_component(__FILE__, __LINE__, <<~HAML)
+      %div
+        %h1 Hello world
+        %ul
+          = props[:numbers].map do |num|
+            %li(key=num)= num
+    HAML
+
+    number_lists = [
+      [0, 2, 1, 6, 7, 8, 4, 3, 5],
+      [1, 7, 6, 5, 3, 0, 2, 4],
+      [1, 3, 123, 0, 4, 2, 9, 32, 455]
+    ]
+
+    Mayu::TestHelper.test_component(component, numbers: []) do |page|
+      number_lists.each do |numbers|
+        page.render(H[component, numbers:])
+        assert_equal(numbers, extract_numbers(page.to_html))
+        # page.debug!
+      end
+    end
+  end
+
+  private
+
+  def extract_numbers(source)
+    REXML::Document.new(source).get_elements("//li").map(&:text).map(&:to_i)
+  end
+end

data/lib/mayu/vdom.rb

@@ -0,0 +1,8 @@
+# typed: strict
+
+require_relative "vdom/h"
+
+module Mayu
+  module VDOM
+  end
+end

data/lib/mayu/vdom.test.rb

@@ -0,0 +1,73 @@
+# typed: true
+
+require "minitest/autorun"
+require "test_helper"
+require "rouge"
+require "nokogiri"
+require_relative "resources/transformers/haml"
+require_relative "session"
+require_relative "vdom"
+require_relative "vdom/vtree"
+
+class Mayu::VDOM::Test < Minitest::Test
+  MyComponent = Mayu::TestHelper.haml_to_component(__FILE__, __LINE__, <<~HAML)
+    :ruby
+      def self.get_initial_state(initial_count: 3, **)
+        { count: initial_count }
+      end
+
+      def handle_click(e)
+        value = e.dig("target", "value").to_i
+
+        update do |state|
+          { count: state[:count] + value }
+        end
+      end
+
+    :css
+      .foo { color: peru; }
+      .btn { background: peachpuff; }
+      .increment { }
+      .decrement { }
+    .foo
+      %button.increment(name="increment" value="1" onclick=handle_click)
+        Decrement
+      %button.decrement(name="decrement" value="-1" onclick=handle_click)
+        Increment
+      %output= state[:count]
+    HAML
+
+  def test_vdom
+    Mayu::TestHelper.test_component(MyComponent) do |page|
+      button = page.find_by_css("[name=increment]")
+      page.fire_event(button, :click)
+      assert_equal(page.find_by_css("output")&.inner_text, "3")
+      # page.debug!
+      page.wait_for_update
+      assert_equal(page.find_by_css("output")&.inner_text, "4")
+      # page.debug!
+
+      assert_equal(page.to_html, <<~HTML)
+        <div class="lib/mayu/vdom.foo">
+          <button
+            name="increment"
+            value="1"
+            onclick="Mayu.handle(event,'LckOTvJsohBty1Pm')"
+            class="lib/mayu/vdom.increment"
+          >
+            Decrement
+          </button>
+          <button
+            name="decrement"
+            value="-1"
+            onclick="Mayu.handle(event,'LckOTvJsohBty1Pm')"
+            class="lib/mayu/vdom.decrement"
+          >
+            Increment
+          </button>
+          <output>4</output>
+        </div>
+      HTML
+    end
+  end
+end

data/lib/mayu/version.rb

@@ -0,0 +1,6 @@
+# typed: strict
+# frozen_string_literal: true
+
+module Mayu
+  VERSION = "0.0.0"
+end

data/lib/mayu.rb

@@ -0,0 +1,8 @@
+# typed: strict
+
+require "sorbet-runtime"
+require_relative "mayu/version"
+require_relative "mayu/banner"
+
+module Mayu
+end

data/mayu-live.gemspec

@@ -0,0 +1,70 @@
+# frozen_string_literal: true
+
+require_relative "lib/mayu/version"
+
+Gem::Specification.new do |spec|
+  spec.name = "mayu-live"
+  spec.version = Mayu::VERSION
+  spec.authors = ["Andreas Alin"]
+  spec.email = ["andreas.alin@gmail.com"]
+
+  spec.summary = "Server side VDOM framework"
+  spec.homepage = "https://github.com/mayu-live/framework"
+
+  spec.license = "AGPL-3.0"
+  spec.required_ruby_version = ">= 3.2.0"
+
+  # spec.metadata["allowed_push_host"] = "TODO: Set to your gem server 'https://example.com'"
+
+  spec.metadata["homepage_uri"] = spec.homepage
+  spec.metadata["source_code_uri"] = "https://github.com/mayu-live/framework"
+  # spec.metadata["changelog_uri"] = "TODO: Put your gem's CHANGELOG.md URL here."
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files =
+    Dir.chdir(__dir__) do
+      [
+        "mayu-live.gemspec",
+        "COPYING",
+        "README.md",
+        *Dir.glob("exe/**/*"),
+        *Dir.glob("lib/**/*").grep_v("/node_modules").grep_v("/mayu/client/src")
+      ]
+    end
+  spec.bindir = "exe"
+  spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  # Core dependencies
+  spec.add_dependency "async", "~> 2.3.0"
+  spec.add_dependency "async-container", "~> 0.16.12"
+  spec.add_dependency "async-http", "~> 0.59.4"
+  spec.add_dependency "brotli", "~> 0.4.0"
+  spec.add_dependency "mime-types", "~> 3.4.1"
+  spec.add_dependency "msgpack", "~> 1.6.0"
+  spec.add_dependency "nanoid", "~> 2.0.0"
+  spec.add_dependency "prometheus-client", "~> 4.0.0"
+  spec.add_dependency "protocol-http", "~> 0.23.12"
+  spec.add_dependency "pry", "~> 0.14.2"
+  spec.add_dependency "rack", "~> 3.0.4.1"
+  spec.add_dependency "rake", "~> 13.0.6"
+  spec.add_dependency "sorbet-runtime", "~> 0.5.10634"
+  spec.add_dependency "terminal-table", "~> 3.0.2"
+  spec.add_dependency "toml-rb", "~> 2.2.0"
+
+  # Development
+  spec.add_dependency "listen", "~> 3.7.1"
+  spec.add_dependency "localhost", "~> 1.1.9"
+
+  # Build
+  spec.add_dependency "image_size", "~> 3.2.0"
+  spec.add_dependency "kramdown", "~> 2.4.0"
+  spec.add_dependency "rouge", "~> 4.0.0"
+  spec.add_dependency "mayu-css", "~> 0.0.1"
+  spec.add_dependency "source_map", "~> 3.0.1"
+  spec.add_dependency "svg_optimizer", "~> 0.2.6"
+  spec.add_dependency "syntax_tree", "~> 5.3.0"
+  spec.add_dependency "syntax_tree-haml", "~> 3.0.0"
+  spec.add_dependency "syntax_tree-xml", "~> 0.1.0"
+end