ruwi 0.10.0

data/lib/ruwi/runtime/vdom.rb

@@ -0,0 +1,84 @@
+module Ruwi
+  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(Ruwi::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(Ruwi::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/lib/ruwi/version.rb

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

data/lib/ruwi.rb

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

data/package-lock.json

@@ -0,0 +1,73 @@
+{
+  "name": "ruwi-project",
+  "version": "0.10.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "ruwi-project",
+      "version": "0.10.0",
+      "license": "MIT",
+      "workspaces": [
+        "packages/*"
+      ],
+      "devDependencies": {
+        "@playwright/test": "^1.40.0"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.55.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.55.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.55.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.55.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.55.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    }
+  }
+}

data/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "ruwi-project",
+  "version": "0.10.0",
+  "private": true,
+  "description": "A project to ruby.wasm ui framework",
+  "scripts": {
+    "serve:examples": "npx http-server . -o './examples/npm-packages/runtime/?env=PRD' --cors -P 'http://localhost:8080?' -c-1",
+    "serve:examples:dev": "cd packages/npm-packages/runtime && npm run build:dev && cd ../../.. && npx http-server . -o './examples/npm-packages/runtime/?env=DEV' --cors -P 'http://localhost:8080?' -c-1",
+    "serve:examples:test": "cd packages/npm-packages/runtime && npm run build:dev && cd ../../.. && npx http-server . --cors -P 'http://localhost:8080?' -c-1",
+    "test": "npx playwright test",
+    "test:ui": "npx playwright test --ui",
+    "test:report": "npx playwright show-report"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/t0yohei/ruby-wasm-ui.git"
+  },
+  "keywords": [
+    "ruby",
+    "wasm",
+    "ui"
+  ],
+  "author": "t0yohei <k.t0yohei@gmail.com>",
+  "license": "MIT",
+  "type": "module",
+  "workspaces": [
+    "packages/*"
+  ],
+  "devDependencies": {
+    "@playwright/test": "^1.40.0"
+  }
+}

data/packages/npm-packages/runtime/README.md

@@ -0,0 +1,5 @@
+# ruwi
+
+A modern web frontend framework for Ruby using [ruby.wasm](https://github.com/ruby/ruby.wasm). Write reactive web applications using familiar Ruby syntax and patterns.
+
+Please refer to the [GitHub README](https://github.com/t0yohei/ruby-wasm-ui#readme) for full documentation.

data/packages/npm-packages/runtime/eslint.config.mjs

@@ -0,0 +1,16 @@
+import js from "@eslint/js";
+import globals from "globals";
+
+export default [
+  js.configs.recommended,
+  {
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+      },
+    },
+    rules: {},
+  },
+];