RubyGems - ruby_wasm_ui - Versions diffs - 0.8.2 → 0.9.0 - Mend

ruby_wasm_ui 0.8.2 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

data/lib/ruby_wasm_ui/cli/command/rebuild.rb ADDED Viewed

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+require_relative "base"
+module RubyWasmUi
+  module Cli
+    class Command
+      class Rebuild < Base
+        def self.description
+          "Rebuild Ruby WASM file (useful when gems are added)"
+        end
+        def run(_argv)
+          log_info("Rebuilding Ruby WASM...")
+          puts ""
+          # Check Ruby version
+          ruby_version_str = check_ruby_version
+          # Configure excluded gems for WASM build
+          log_info("Step 1/2: Configuring excluded gems...")
+          configure_excluded_gems
+          log_success("✓ Excluded gems configured")
+          # Build Ruby WASM
+          puts ""
+          log_info("Step 2/2: Building Ruby WASM...")
+          log_info("Running: rbwasm build --ruby-version #{ruby_version_str} -o ruby.wasm")
+          build_ruby_wasm(ruby_version_str)
+          log_success("✓ Ruby WASM build completed")
+          puts ""
+          log_success("Rebuild completed successfully!")
+        end
+      end
+    end
+  end
+end

data/lib/ruby_wasm_ui/cli/command/setup.rb ADDED Viewed

@@ -0,0 +1,130 @@
+# frozen_string_literal: true
+require_relative "base"
+module RubyWasmUi
+  module Cli
+    class Command
+      class Setup < Base
+        def self.description
+          "Set up the project for ruby-wasm-ui"
+        end
+        def run(_argv)
+          log_info("Setting up ruby-wasm-ui project...")
+          puts ""
+          # Check Ruby version
+          ruby_version_str = check_ruby_version
+          # Configure excluded gems for WASM build
+          log_info("Step 1/3: Configuring excluded gems...")
+          configure_excluded_gems
+          log_success("✓ Excluded gems configured")
+          # Build Ruby WASM
+          puts ""
+          log_info("Step 2/3: Building Ruby WASM...")
+          log_info("Running: rbwasm build --ruby-version #{ruby_version_str} -o ruby.wasm")
+          build_ruby_wasm(ruby_version_str)
+          log_success("✓ Ruby WASM build completed")
+          # Update .gitignore
+          puts ""
+          log_info("Step 3/4: Updating .gitignore...")
+          update_gitignore(["*.wasm", "/rubies", "/build"])
+          log_success("✓ .gitignore updated")
+          # Create initial files
+          puts ""
+          log_info("Step 4/4: Creating initial files...")
+          create_initial_files
+          puts ""
+          log_success("Setup completed successfully!")
+        end
+        private
+        def create_initial_files
+          # Skip if src directory exists
+          if Dir.exist?("src")
+            log_info("src directory already exists, skipping initial file creation")
+            return
+          end
+          # Skip if files already exist
+          if File.exist?("src/index.html")
+            log_info("src/index.html already exists, skipping initial file creation")
+            return
+          end
+          if File.exist?("src/index.rb")
+            log_info("src/index.rb already exists, skipping initial file creation")
+            return
+          end
+          # Create src directory
+          Dir.mkdir("src")
+          # Create index.html
+          File.write("src/index.html", <<~HTML)
+            <!DOCTYPE html>
+            <html lang="en">
+              <head>
+                <meta charset="UTF-8" />
+                <title>My App</title>
+                <script type="module">
+                  import { DefaultRubyVM } from "https://cdn.jsdelivr.net/npm/@ruby/wasm-wasi@2.7.2/dist/browser/+esm";
+                  const response = await fetch("../src.wasm");
+                  const module = await WebAssembly.compileStreaming(response);
+                  const { vm } = await DefaultRubyVM(module);
+                  vm.evalAsync(`
+                    require "ruby_wasm_ui"
+                    require_relative './src/index.rb'
+                  `);
+                </script>
+              </head>
+              <body>
+                <h1>My App</h1>
+                <div id="app"></div>
+              </body>
+            </html>
+          HTML
+          # Create index.rb
+          File.write("src/index.rb", <<~RUBY)
+            # Simple Hello World component
+            HelloComponent = RubyWasmUi.define_component(
+              state: ->(props) {
+                { message: props[:message] || "Hello, Ruby WASM UI!" }
+              },
+              template: ->() {
+                RubyWasmUi::Template::Parser.parse_and_eval(<<~HTML, binding)
+                  <div>
+                    <h2>{state[:message]}</h2>
+                    <button on="{ click: -> { update_message } }">
+                      Click me!
+                    </button>
+                  </div>
+                HTML
+              },
+              methods: {
+                update_message: ->() {
+                  update_state(message: "You clicked the button!")
+                }
+              }
+            )
+            # Create and mount the app
+            app = RubyWasmUi::App.create(HelloComponent, message: "Hello, Ruby WASM UI!")
+            app_element = JS.global[:document].getElementById("app")
+            app.mount(app_element)
+          RUBY
+          log_success("✓ Initial files created: src/index.html, src/index.rb")
+        end
+      end
+    end
+  end
+end

data/lib/ruby_wasm_ui/cli/command.rb ADDED Viewed

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+require_relative "command/setup"
+require_relative "command/dev"
+require_relative "command/pack"
+require_relative "command/rebuild"
+module RubyWasmUi
+  module Cli
+    class Command
+      COMMANDS = {
+        "setup" => Command::Setup,
+        "dev" => Command::Dev,
+        "pack" => Command::Pack,
+        "rebuild" => Command::Rebuild
+      }.freeze
+      def self.run(argv)
+        command_name = argv[0]
+        if command_name.nil?
+          show_usage
+          raise SystemExit.new(1)
+        end
+        command_class = COMMANDS[command_name]
+        if command_class.nil?
+          puts "Unknown command: #{command_name}"
+          puts ""
+          show_usage
+          raise SystemExit.new(1)
+        end
+        command_class.new.run(argv[1..-1])
+      end
+      def self.show_usage
+        puts "Usage: ruby-wasm-ui <command>"
+        puts ""
+        puts "Commands:"
+        COMMANDS.each do |name, klass|
+          description = klass.description || ""
+          puts "  #{name.ljust(12)}#{description}"
+        end
+      end
+    end
+  end
+end

data/lib/ruby_wasm_ui/version.rb CHANGED Viewed

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

data/lib/ruby_wasm_ui.rb CHANGED Viewed

@@ -1,13 +1,13 @@
 # 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/runtime/app"
+require_relative "ruby_wasm_ui/runtime/component"
+require_relative "ruby_wasm_ui/runtime/dispatcher"
+require_relative "ruby_wasm_ui/runtime/dom"
+require_relative "ruby_wasm_ui/runtime/nodes_equal"
+require_relative "ruby_wasm_ui/runtime/template"
+require_relative "ruby_wasm_ui/runtime/utils"
+require_relative "ruby_wasm_ui/runtime/vdom"
 require_relative "ruby_wasm_ui/version"
 module RubyWasmUi

data/package-lock.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "ruby-wasm-ui-project",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ruby-wasm-ui-project",
-      "version": "0.8.2",
+      "version": "0.9.0",
       "license": "MIT",
       "workspaces": [
         "packages/*"

data/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ruby-wasm-ui-project",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "private": true,
   "description": "A project to ruby.wasm ui framework",
   "scripts": {

data/packages/npm-packages/runtime/package-lock.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "ruby-wasm-ui",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ruby-wasm-ui",
-      "version": "0.8.2",
+      "version": "0.9.0",
       "license": "MIT",
       "devDependencies": {
         "@rollup/plugin-replace": "^6.0.2",

data/packages/npm-packages/runtime/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ruby-wasm-ui",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "description": "",
   "main": "dist/ruby-wasm-ui.js",
   "files": [
@@ -10,8 +10,8 @@
   ],
   "scripts": {
     "prepack": "npm run build",
-    "build": "rm -rf dist && NODE_ENV=production rollup -c",
-    "build:dev": "rm -rf dist && NODE_ENV=development rollup -c",
+    "build": "NODE_ENV=production rollup -c",
+    "build:dev": "NODE_ENV=development rollup -c",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "test": "vitest",

data/packages/npm-packages/runtime/rollup.config.mjs CHANGED Viewed

@@ -4,7 +4,13 @@ import filesize from "rollup-plugin-filesize";
 import replace from "@rollup/plugin-replace";
 import { glob } from "glob";
 import process from "process";
-import { readFileSync, writeFileSync } from "fs";
+import {
+  readFileSync,
+  writeFileSync,
+  lstatSync,
+  unlinkSync,
+  realpathSync,
+} from "fs";
 import { join, dirname } from "path";
 import { fileURLToPath } from "url";
@@ -12,7 +18,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 // Find all Ruby files in ruby_wasm_ui directory
 const rubyFiles = glob
-  .sync("src/ruby_wasm_ui/**/*.rb")
+  .sync("src/ruby_wasm_ui/runtime/**/*.rb")
   .map((file) => file.replace("src/", ""))
   .sort((a, b) => {
     // Files in root directory should be loaded first
@@ -28,22 +34,68 @@ const rubyFiles = glob
 // Determine environment based on NODE_ENV
 const isDevelopment = process.env.NODE_ENV === "development";
+// Plugin to clean up existing symlinks in dist directory before copy
+const cleanupSymlinks = () => {
+  return {
+    name: "cleanup-symlinks",
+    buildStart() {
+      const distRubyFilePath = join(__dirname, "dist/ruby_wasm_ui.rb");
+      try {
+        const stats = lstatSync(distRubyFilePath);
+        if (stats.isSymbolicLink() || stats.isFile()) {
+          // Remove existing file/symlink before copy plugin runs
+          unlinkSync(distRubyFilePath);
+        }
+      } catch (e) {
+        // Ignore errors (file might not exist)
+      }
+    },
+  };
+};
 // Plugin to remove require_relative lines from Ruby files
 const removeRequireRelative = () => {
   return {
     name: "remove-require-relative",
     writeBundle() {
-      // Process all Ruby files in dist directory recursively
-      const distRubyFiles = glob.sync("dist/**/*.rb");
+      // Process all Ruby files in dist directory (including dist/ruby_wasm_ui.rb)
+      // Ensure we only process files in dist/ directory, not lib/ or other source directories
+      const distDir = join(__dirname, "dist");
+      const distRubyFiles = glob.sync("dist/**/*.rb", {
+        cwd: __dirname,
+        absolute: false,
+      });
       distRubyFiles.forEach((file) => {
         const filePath = join(__dirname, file);
-        let content = readFileSync(filePath, "utf-8");
-        // Remove lines that start with require_relative (with optional whitespace)
-        content = content.replace(/^\s*require_relative\s+.*$/gm, "");
-        // Remove multiple consecutive empty lines
-        content = content.replace(/\n{3,}/g, "\n\n");
-        writeFileSync(filePath, content, "utf-8");
+        try {
+          const stats = lstatSync(filePath);
+          let content;
+          // If it's a symlink to lib/, read from lib but write to dist
+          if (stats.isSymbolicLink()) {
+            const resolvedPath = realpathSync(filePath);
+            const distDirResolved = realpathSync(distDir);
+            if (!resolvedPath.startsWith(distDirResolved)) {
+              // Read from lib, but write to dist (replacing the symlink)
+              content = readFileSync(resolvedPath, "utf-8");
+              unlinkSync(filePath);
+            } else {
+              // Symlink resolves within dist, read resolved path
+              content = readFileSync(resolvedPath, "utf-8");
+            }
+          } else {
+            // Regular file, read directly
+            content = readFileSync(filePath, "utf-8");
+          }
+          // Remove lines that start with require_relative (with optional whitespace)
+          content = content.replace(/^\s*require_relative\s+.*$/gm, "");
+          // Remove multiple consecutive empty lines
+          content = content.replace(/\n{3,}/g, "\n\n");
+          writeFileSync(filePath, content, "utf-8");
+        } catch (e) {
+          // If read/write fails, skip this file
+          console.warn(`Could not process file ${filePath}: ${e.message}`);
+        }
       });
     },
   };
@@ -66,6 +118,7 @@ export default {
         "window.RUBY_WASM_UI_FILES": JSON.stringify(rubyFiles),
       },
     }),
+    cleanupSymlinks(),
     copy({
       targets: [
         {
@@ -78,6 +131,11 @@ export default {
           dest: "dist",
         },
       ],
+      // Resolve symbolic links when copying to ensure dist files are regular files
+      // This allows us to process dist/ruby_wasm_ui.rb without affecting lib/ruby_wasm_ui.rb
+      copySyncOptions: {
+        dereference: true,
+      },
     }),
     cleanup({
       comments: "none",