ruby_wasm_ui 0.8.1

data/packages/npm-packages/runtime/src/ruby_wasm_ui/vdom.rb

@@ -0,0 +1,84 @@
+module RubyWasmUi
+  class Vdom
+    DOM_TYPES = {
+      TEXT: 'text',
+      ELEMENT: 'element',
+      FRAGMENT: 'fragment',
+      COMPONENT: 'component'
+    }
+
+    # @param tag [String]
+    # @param props [Hash]
+    # @param children [Array]
+    # @param type [Symbol]
+    # @param value [Object]
+    # @return [Vdom]
+    def self.h(tag, props = {}, children = [])
+      type = tag.is_a?(String) ? DOM_TYPES[:ELEMENT] : DOM_TYPES[:COMPONENT]
+      new(tag, props, type, children, nil)
+    end
+
+    # @param str [String]
+    # @return [Vdom]
+    def self.h_string(str)
+      vdom = new('', {}, DOM_TYPES[:TEXT], [], str.to_s)
+      vdom
+    end
+
+    # @param vdoms [Array]
+    # @return [Vdom]
+    def self.h_fragment(vdoms)
+      new('', {}, DOM_TYPES[:FRAGMENT], map_text_nodes(RubyWasmUi::Utils::Arrays.without_nulls(vdoms)), nil)
+    end
+
+    # @param type [Symbol]
+    # @param props [Hash]
+    # @param children [Array]
+    # @param value [Object]
+    # @return [Vdom]
+    def initialize(tag, props, type, children, value)
+      @tag = tag
+      @props = props
+      @children = self.class.map_text_nodes(RubyWasmUi::Utils::Arrays.without_nulls(children))
+      @type = type
+      @value = value.to_s
+      @el = nil
+      @listeners = {}
+      @component = nil
+    end
+
+    attr_reader :tag, :props, :children, :type, :value
+    attr_accessor :el, :listeners, :component
+
+    private
+
+    # @param children [Array]
+    def self.map_text_nodes(children)
+      children.map { |child| is_text_node?(child) ? h_string(child) : child }
+    end
+
+    # @param child [Object]
+    # @return [Boolean]
+    def self.is_text_node?(child)
+      child.is_a?(String) || child.is_a?(Integer) || child.is_a?(JS::Object)
+    end
+
+    # @param vdom [Vdom]
+    # @return [Array]
+    def self.extract_children(vdom)
+      return [] if vdom.children.nil?
+
+      children = []
+
+      vdom.children.each do |child|
+        if child.type == DOM_TYPES[:FRAGMENT]
+          children.concat(extract_children(child))
+        else
+          children << child
+        end
+      end
+
+      children
+    end
+  end
+end

data/packages/npm-packages/runtime/src/ruby_wasm_ui/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module RubyWasmUi
+  VERSION = "0.8.1"
+end

data/packages/npm-packages/runtime/src/ruby_wasm_ui.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+require_relative "ruby_wasm_ui/app"
+require_relative "ruby_wasm_ui/component"
+require_relative "ruby_wasm_ui/dispatcher"
+require_relative "ruby_wasm_ui/dom"
+require_relative "ruby_wasm_ui/nodes_equal"
+require_relative "ruby_wasm_ui/template"
+require_relative "ruby_wasm_ui/utils"
+require_relative "ruby_wasm_ui/vdom"
+require_relative "ruby_wasm_ui/version"
+
+module RubyWasmUi
+end

data/packages/npm-packages/runtime/vitest.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    reporters: "verbose",
+    environment: "jsdom",
+  },
+});

data/playwright.config.js

@@ -0,0 +1,78 @@
+import { defineConfig, devices } from "@playwright/test";
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+  testDir: "./examples/npm-packages/runtime",
+  testMatch: "*/*.spec.js",
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 1,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 2 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: [["html", { open: "never" }]],
+  /* Output directory for test results */
+  outputDir: "test-results/",
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: "http://localhost:8080",
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: "on-first-retry",
+
+    /* Take screenshot on failure */
+    screenshot: "only-on-failure",
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+
+    // {
+    //   name: "firefox",
+    //   use: { ...devices["Desktop Firefox"] },
+    // },
+
+    // {
+    //   name: "webkit",
+    //   use: { ...devices["Desktop Safari"] },
+    // },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: "npm run serve:examples:test",
+    url: "http://localhost:8080",
+    reuseExistingServer: !process.env.CI,
+    timeout: 120 * 1000, // 2 minutes timeout for Ruby WASM to load
+  },
+});

data/sig/ruby_wasm_ui.rbs

@@ -0,0 +1,4 @@
+module RubyWasmUi
+  VERSION: String
+  # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+end

metadata

@@ -0,0 +1,168 @@
+--- !ruby/object:Gem::Specification
+name: ruby_wasm_ui
+version: !ruby/object:Gem::Version
+  version: 0.8.1
+platform: ruby
+authors:
+- t0yohei
+bindir: exe
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: ruby_wasm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.7'
+- !ruby/object:Gem::Dependency
+  name: js
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.7'
+description: Write reactive web applications using familiar Ruby syntax and patterns
+email:
+- k.t0yohei@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".cursor/rules/ruby_comments.mdc"
+- ".github/workflows/playwright.yml"
+- ".github/workflows/rspec.yml"
+- ".node-version"
+- CODE_OF_CONDUCT.md
+- LICENSE.txt
+- README.md
+- Rakefile
+- docs/conditional-rendering.md
+- docs/lifecycle-hooks.md
+- docs/list-rendering.md
+- examples/Gemfile
+- examples/Gemfile.lock
+- examples/Makefile
+- examples/npm-packages/runtime/counter/index.html
+- examples/npm-packages/runtime/counter/index.rb
+- examples/npm-packages/runtime/counter/index.spec.js
+- examples/npm-packages/runtime/hello/index.html
+- examples/npm-packages/runtime/hello/index.rb
+- examples/npm-packages/runtime/hello/index.spec.js
+- examples/npm-packages/runtime/input/index.html
+- examples/npm-packages/runtime/input/index.rb
+- examples/npm-packages/runtime/input/index.spec.js
+- examples/npm-packages/runtime/list/index.html
+- examples/npm-packages/runtime/list/index.rb
+- examples/npm-packages/runtime/list/index.spec.js
+- examples/npm-packages/runtime/on_mounted_demo/index.html
+- examples/npm-packages/runtime/on_mounted_demo/index.rb
+- examples/npm-packages/runtime/on_mounted_demo/index.spec.js
+- examples/npm-packages/runtime/r_if_attribute_demo/index.html
+- examples/npm-packages/runtime/r_if_attribute_demo/index.rb
+- examples/npm-packages/runtime/r_if_attribute_demo/index.spec.js
+- examples/npm-packages/runtime/random_cocktail/index.html
+- examples/npm-packages/runtime/random_cocktail/index.rb
+- examples/npm-packages/runtime/random_cocktail/index.spec.js
+- examples/npm-packages/runtime/search_field/index.html
+- examples/npm-packages/runtime/search_field/index.rb
+- examples/npm-packages/runtime/search_field/index.spec.js
+- examples/npm-packages/runtime/todos/index.html
+- examples/npm-packages/runtime/todos/index.rb
+- examples/npm-packages/runtime/todos/index.spec.js
+- examples/npm-packages/runtime/todos/todos_repository.rb
+- examples/package.json
+- examples/src/counter/index.html
+- examples/src/counter/index.rb
+- lib/ruby_wasm_ui
+- lib/ruby_wasm_ui.rb
+- package-lock.json
+- package.json
+- packages/npm-packages/runtime/Gemfile
+- packages/npm-packages/runtime/Gemfile.lock
+- packages/npm-packages/runtime/README.md
+- packages/npm-packages/runtime/eslint.config.mjs
+- packages/npm-packages/runtime/package-lock.json
+- packages/npm-packages/runtime/package.json
+- packages/npm-packages/runtime/rollup.config.mjs
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/component_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/dom/scheduler_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/nodes_equal_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/template/build_conditional_group_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/template/build_for_group_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/template/build_vdom_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/template/parser_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/utils/arrays_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/utils/objects_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/utils/props_spec.rb
+- packages/npm-packages/runtime/spec/ruby_wasm_ui/utils/strings_spec.rb
+- packages/npm-packages/runtime/spec/spec_helper.rb
+- packages/npm-packages/runtime/src/__tests__/sample.test.js
+- packages/npm-packages/runtime/src/index.js
+- packages/npm-packages/runtime/src/ruby_wasm_ui.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/app.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/component.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dispatcher.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom/attributes.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom/destroy_dom.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom/events.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom/mount_dom.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom/patch_dom.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/dom/scheduler.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/nodes_equal.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/template.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/template/build_conditional_group.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/template/build_for_group.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/template/build_vdom.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/template/parser.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/utils.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/utils/arrays.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/utils/objects.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/utils/props.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/utils/strings.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/vdom.rb
+- packages/npm-packages/runtime/src/ruby_wasm_ui/version.rb
+- packages/npm-packages/runtime/vitest.config.js
+- playwright.config.js
+- sig/ruby_wasm_ui.rbs
+homepage: https://github.com/t0yohei/ruby-wasm-ui
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://github.com/t0yohei/ruby-wasm-ui
+  source_code_uri: https://github.com/t0yohei/ruby-wasm-ui
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.2.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.7.2
+specification_version: 4
+summary: A modern web frontend framework for Ruby using ruby.wasm
+test_files: []