ruwi 0.10.0

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

@@ -0,0 +1,38 @@
+{
+  "name": "ruwi",
+  "version": "0.10.0",
+  "description": "",
+  "main": "dist/ruwi.js",
+  "files": [
+    "dist/ruwi.js",
+    "dist/ruwi.rb",
+    "dist/ruwi/**/*.rb"
+  ],
+  "scripts": {
+    "prepack": "npm run build",
+    "build": "NODE_ENV=production rollup -c",
+    "build:dev": "NODE_ENV=development rollup -c",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "test": "vitest",
+    "test:run": "vitest run"
+  },
+  "keywords": [
+    "ruby",
+    "wasm",
+    "ui"
+  ],
+  "author": "t0yohei <k.t0yohei@gmail.com>",
+  "license": "MIT",
+  "type": "module",
+  "devDependencies": {
+    "@rollup/plugin-replace": "^6.0.2",
+    "eslint": "^9.25.1",
+    "jsdom": "^26.1.0",
+    "rollup": "^4.40.0",
+    "rollup-plugin-cleanup": "^3.2.1",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-filesize": "^10.0.0",
+    "vitest": "^3.1.2"
+  }
+}

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

@@ -0,0 +1,147 @@
+import copy from "rollup-plugin-copy";
+import cleanup from "rollup-plugin-cleanup";
+import filesize from "rollup-plugin-filesize";
+import replace from "@rollup/plugin-replace";
+import { glob } from "glob";
+import process from "process";
+import {
+  readFileSync,
+  writeFileSync,
+  lstatSync,
+  unlinkSync,
+  realpathSync,
+} from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+// Find all Ruby files in ruwi directory
+const rubyFiles = glob
+  .sync("src/ruwi/runtime/**/*.rb")
+  .map((file) => file.replace("src/", ""))
+  .sort((a, b) => {
+    // Files in root directory should be loaded first
+    const aIsRoot = !a.includes("/");
+    const bIsRoot = !b.includes("/");
+    if (aIsRoot && !bIsRoot) return -1;
+    if (!aIsRoot && bIsRoot) return 1;
+
+    // Then sort by directory and filename
+    return a.localeCompare(b);
+  });
+
+// 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/ruwi.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 (including dist/ruwi.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);
+        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}`);
+        }
+      });
+    },
+  };
+};
+
+export default {
+  input: "src/index.js",
+  output: {
+    file: "dist/ruwi.js",
+    format: "esm",
+    sourcemap: true,
+  },
+  plugins: [
+    replace({
+      preventAssignment: true,
+      values: {
+        "window.RUWI_ENV": JSON.stringify(
+          isDevelopment ? "development" : "production"
+        ),
+        "window.RUWI_FILES": JSON.stringify(rubyFiles),
+      },
+    }),
+    cleanupSymlinks(),
+      copy({
+      targets: [
+        {
+          src: "src/ruwi/**/*",
+          dest: "dist/ruwi",
+          flatten: false,
+        },
+        {
+          src: "src/ruwi.rb",
+          dest: "dist",
+        },
+      ],
+      // Resolve symbolic links when copying to ensure dist files are regular files
+      // This allows us to process dist/ruwi.rb without affecting lib/ruwi.rb
+      copySyncOptions: {
+        dereference: true,
+      },
+    }),
+    cleanup({
+      comments: "none",
+      extensions: ["js"],
+    }),
+    removeRequireRelative(),
+    filesize(),
+  ],
+};

data/packages/npm-packages/runtime/src/__tests__/sample.test.js

@@ -0,0 +1,5 @@
+import { expect, test } from "vitest";
+
+test("sample test", () => {
+  expect(1).toBe(1);
+});

data/packages/npm-packages/runtime/src/index.js

@@ -0,0 +1,37 @@
+const userDefinedRubyScript = document.querySelector(
+  "script[type='text/ruby']"
+);
+
+const scriptElement = document.createElement("script");
+scriptElement.src =
+  "https://cdn.jsdelivr.net/npm/@ruby/3.4-wasm-wasi@latest/dist/browser.script.iife.js";
+scriptElement.setAttribute("defer", "");
+userDefinedRubyScript.before(scriptElement);
+
+function loadRubyScript(filePath) {
+  let baseUrl;
+  if (window.RUWI_ENV === "production") {
+    baseUrl = "https://unpkg.com/ruwi@latest/dist";
+  } else {
+    baseUrl = "../../../../packages/npm-packages/runtime/dist";
+  }
+  let rubyScriptElement = document.createElement("script");
+  rubyScriptElement.type = "text/ruby";
+  rubyScriptElement.charset = "utf-8";
+  rubyScriptElement.src = `${baseUrl}/${filePath}`;
+  rubyScriptElement.setAttribute("defer", "");
+  userDefinedRubyScript.before(rubyScriptElement);
+}
+
+// Load ruwi.rb
+loadRubyScript("ruwi.rb");
+
+// Load all Ruby files in ruwi directory
+const rubyFiles = window.RUWI_FILES;
+if (rubyFiles === undefined) {
+  throw new Error(
+    "RUWI_FILES is not defined. This file should be built with rollup."
+  );
+}
+
+rubyFiles.forEach((file) => loadRubyScript(file));

data/packages/npm-packages/runtime/src/ruwi

@@ -0,0 +1 @@
+../../../../lib/ruwi

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

@@ -0,0 +1 @@
+../../../../lib/ruwi.rb

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/ruwi.rbs

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