Merge pull request #7 from dblnz/add-js-guest

Add js guest

Author: dblnz

Cargo.lock

@@ -22,14 +22,23 @@ If you want to follow the manual build instructions, you will also need:
 
 ### Building
 
+```sh
+# Install JS dependencies
+npm install
+```
+
 ```sh
 just build
 ```
 
 ### Running
 
 ```sh
-just run
+# Run Rust
+just run-rust
+
+# Run JS
+just run-js
 ```
 
 From another terminal, you can then test the server:
@@ -53,17 +62,22 @@ Compile the WIT and set the environment variables used when building
 wasm-tools component wit hyperlight.wit -w -o hyperlight-world.wasm
 ```
 
-Build:
+Build Rust:
 ```
 cargo build
 ```
 
+Build JS:
+```
+npm run build
+```
+
 ### Running
 
 Build the guest component:
 ```sh
 cargo component build --release \
-    --manifest-path guest/Cargo.toml \
+    --manifest-path guest_rust/Cargo.toml \
     --target-dir target
 ```
 
@@ -73,11 +87,17 @@ AOT compile it:
 cargo install hyperlight-wasm-aot
 hyperlight-wasm-aot compile --component \
     target/wasm32-wasip1/release/sample_wasi_http_rust.wasm \
-    target/wasm32-wasip1/release/sample_wasi_http_rust.bin
+    out/sample_wasi_http_rust.aot
 ```
 
 You can then run the server:
 
+Rust:
+```sh
+cargo run -- out/sample_wasi_http_rust.aot
+```
+
+JS:
 ```sh
-cargo run -- target/wasm32-wasip1/release/sample_wasi_http_rust.bin
+cargo run -- out/sample_wasi_http_js.aot
 ```

README.md

@@ -0,0 +1,15 @@
+import { defineConfig } from "eslint/config";
+import js from "@eslint/js";
+import globals from "globals";
+
+export default defineConfig([
+  {
+    files: ["**/*.{js,mjs,cjs}"],
+    plugins: { js },
+    extends: ["js/recommended"],
+  },
+  {
+    files: ["**/*.{js,mjs,cjs}"],
+    languageOptions: { globals: globals.browser },
+  },
+]);

eslint.config.js

@@ -0,0 +1,24 @@
+export { echo, echoHeaders };
+
+// Echo the body of the request in the response
+const echo = async (req) => {
+  const bodyText = req.body ? await req.text() : "No body to echo";
+
+  return new Response(bodyText, {
+    status: 200,
+    headers: {
+      "Content-Type": "text/plain",
+    },
+  });
+};
+
+// Echo all headers from the request in JSON format
+const echoHeaders = (req) => {
+  const headersObj = Object.fromEntries(req.headers.entries());
+  return new Response(JSON.stringify(headersObj, null, 2), {
+    status: 200,
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+};

guest_js/endpoints/echo.js

@@ -0,0 +1,14 @@
+export { sleep };
+
+// Async sleep function that returns a response after waiting
+const sleep = async (ms) => {
+  const msNum = parseInt(ms, 10);
+  await new Promise((resolve) => setTimeout(resolve, msNum));
+
+  return new Response(`Sleeping for ${ms}ms...`, {
+    status: 200,
+    headers: {
+      "Content-Type": "text/plain",
+    },
+  });
+};

guest_js/endpoints/sleep.js

@@ -0,0 +1,24 @@
+export { upload };
+
+// Endpoint to handle file uploads using FormData and Blob
+const upload = async (req) => {
+  try {
+    const blob = await req.blob();
+
+    if (!blob || !(blob instanceof Blob)) {
+      return new Response("File not found in form data.", { status: 400 });
+    }
+
+    const text = await blob.text();
+
+    return new Response(text, {
+      headers: {
+        "Content-Type": blob.type || "application/octet-stream",
+      },
+    });
+  } catch (error) {
+    return new Response(`Error processing form data: ${error}`, {
+      status: 500,
+    });
+  }
+};

guest_js/endpoints/upload.js

@@ -0,0 +1,18 @@
+import { AutoRouter } from "itty-router";
+
+import { sleep } from "./endpoints/sleep.js";
+import { upload } from "./endpoints/upload.js";
+import { echo, echoHeaders } from "./endpoints/echo.js";
+
+let router = AutoRouter();
+
+router
+  .get("/", () => new Response("Hello, JS   wasi:http world!\n"))
+  .get("/echo-headers", (req) => echoHeaders(req))
+  .get("/sleep/:ms", async ({ ms }) => await sleep(ms))
+  .post("/echo", (req) => echo(req))
+  .post("/upload", async (req) => await upload(req));
+
+addEventListener("fetch", async (event) => {
+  event.respondWith(router.fetch(event.request));
+});