feat: add Deno build to WASM

.gitignore

@@ -2,3 +2,4 @@ target/
 .DS_Store
 *.svg
 !assets/*.svg
+pkg/

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 5.1.3 / 2024-11-13
+
+- feat: add Deno build to WASM
+
 ## 5.1.0 / 2024-11-13
 
 - feat: add WASM build

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "githubchart-rust"
-version = "5.1.0"
+version = "5.1.3"
 authors = ["frytg"]
 edition = "2021"
 license = "MIT"

README.md

@@ -56,6 +56,20 @@ This project is already configured to build for Web with `wasm-pack`. Run this c
 wasm-pack build --target web
 ```
 
+or [specifically for Deno](https://rustwasm.github.io/docs/wasm-bindgen/reference/deployment.html#deno):
+
+```sh
+wasm-pack build --target deno --out-dir pkg-deno
+```
+
+or a combined version for both:
+
+```sh
+rm -rf pkg && wasm-pack build --target deno --out-name githubchart_rust_deno && wasm-pack build --target web && rm pkg/.gitignore
+```
+
+For the combined version, you will need to remove `files` from [`pkg/package.json`](./pkg/package.json) to publish all files (web+deno) to NPM.
+
 There's also an example in [`web/example.html`](./web/example.html) that you can run locally.
 
 More docs about this:

web/deno.ts

@@ -0,0 +1,36 @@
+import * as BunnySDK from "https://esm.sh/@bunny.net/[email protected]";
+import { generate_github_chart } from "https://esm.sh/[email protected]/githubchart_rust_deno.js";
+
+/**
+ * Executes a WASM binary and returns the response value
+ * @param {Request} request - The Fetch API Request object.
+ * @return {Response} The HTTP response or string.
+ */
+BunnySDK.net.http.serve(async (req: Request): Promise<Response> => {
+  try {
+    // parse incoming request
+    const url = new URL(req.url);
+
+    // extract username from path
+    const username = url.pathname.split("/")[1];
+
+    // check if username is provided
+    if (!username) return new Response("No username provided", { status: 400 });
+
+    // generate chart
+    const chart = await generate_github_chart(username, "default");
+
+    // return response
+    return new Response(chart, {
+      headers: {
+        "Content-Type": "image/svg+xml",
+        "Cache-Control": "max-age=300",
+        "x-generated-by": "githubchart-rust",
+        "x-username": username,
+      },
+    });
+  } catch (error) {
+    console.log(req.method, req.url, error);
+    return new Response("Internal Server Error", { status: 500 });
+  }
+});