Feat implement whatsapp with vonage bun

bun/whatsapp-with-vonage/README.md

@@ -0,0 +1,111 @@
+## 💬 Bun Whatsapp bot with Vonage Function
+
+Simple bot to answer WhatsApp messages.
+
+## 🧰 Usage
+
+## GET/
+
+HTML form interacting with the function.
+
+## POST/
+
+Receives a message, validates its signature, and sends a response back to the sender.
+
+| Name          | Description                        | Location | Type                | Sample Value         |
+| ------------- | ---------------------------------- | -------- | ------------------- | -------------------- |
+| Content-Type  | Content type of the request        | Header   | `application/json ` | N/A                  |
+| Authorization | Webhook signature for verification | Header   | String              | `Bearer <signature>` |
+| from          | Sender's identifier.               | Body     | String              | `user`               |
+| text          | Text content of the message.       | Body     | String              | `Hello World`        |
+
+**Response:**
+
+Sample `200` Response:
+
+```json
+{
+  "ok": true
+}
+```
+
+Sample `400` Response:
+
+```json
+{
+  "ok": false,
+  "error": "can't verify"
+}
+```
+
+Sample `401` Response:
+
+```json
+{
+  "ok": false,
+  "error": "Payload hash mismatch."
+}
+```
+
+## POST/
+
+Webhooks sent by vonage to update about the status of message
+
+| Name   | Description                   | Location | Type   | Sample Value              |
+| ------ | ----------------------------- | -------- | ------ | ------------------------- |
+| Status | showing the status of message | body     | string | submitted/read/delievered |
+
+**Response:**
+
+```json
+{
+  "ok": 200,
+  "status": "delievered/submitted/read"
+}
+```
+
+## VONAGE_API_KEY
+
+API Key to use the Vonage API.
+
+| Question     | Answer    |
+| ------------ | --------- |
+| Required     | Yes       |
+| Sample Value | `P2...97` |
+
+## VONAGE_WHATSAPP_NUMBER
+
+Vonage WhatsApp number to send messages from.
+
+| Question     | Answer       |
+| ------------ | ------------ |
+| Required     | Yes          |
+| Sample Value | `1234567890` |
+
+## VONAGE_ACCOUNT_SECRET
+
+ACCOUNT_SECRET to use the Vonage API.
+
+| Question     | Answer      |
+| ------------ | ----------- |
+| Required     | Yes         |
+| Sample Value | `p524...97` |
+
+## VONAGE_SIGNATURE_SECRET
+
+Secret to verify the webhooks sent by Vonage.
+
+| Question     | Answer             |
+| ------------ | ------------------ |
+| Required     | Yes                |
+| Sample Value | `ZACYi3...ZXGjsch` |
+
+## CONFIGURATION
+
+| Setting           | Value          |
+| ----------------- | -------------- |
+| Runtime           | Bun (1.0)      |
+| Entrypoint        | `src/main.ts`  |
+| Build Commands    | `bun install ` |
+| Permissions       | `any`          |
+| Timeout (Seconds) | 15             |

bun/whatsapp-with-vonage/src/main.ts

@@ -0,0 +1,65 @@
+import jwt from "jsonwebtoken";
+import { fetch } from "undici";
+import { getStaticFiles } from "./utils";
+
+export default async ({ req, res, log, error }) => {
+  if (req.method === "GET") {
+    return res.send(getStaticFiles, 200, {
+      "Content-Type": "text/html; charset=utf-8",
+    });
+  }
+
+  const hasher = new Bun.CryptoHasher("sha256");
+  const hashedBuffer = hasher.update(JSON.stringify(req.body)).digest("hex");
+  const hashedValue = hashedBuffer.toString();
+
+  const authHeader = req.headers.authorization.split(" ")[1];
+  const decodedToken = jwt.verify(authHeader, Bun.env.VONAGE_SIGNATURE_SECRET, {
+    algorithms: ["HS256"],
+  });
+
+  if (hashedValue != decodedToken["payload_hash"]) {
+    return res.json(
+      {
+        ok: false,
+        error: "Payload hash mismatched",
+      },
+      401
+    );
+  }
+
+  const secret = `${Bun.env.VONAGE_API_KEY}:${Bun.env.VONAGE_ACCOUNT_SECRET}`;
+  const basicAuthToken = btoa(secret);
+
+  if (req.body.text == null) {
+    return res.json(
+      {
+        ok: true,
+        status: req.body.status,
+      },
+      200
+    );
+  }
+
+  await fetch(`https://messages-sandbox.nexmo.com/v1/messages`, {
+    method: "POST",
+    body: JSON.stringify({
+      from: Bun.env.VONAGE_WHATSAPP_NUMBER,
+      to: req.body.from,
+      message_type: "text",
+      text: `You sent me: ${req.body.text}`,
+      channel: "whatsapp",
+    }),
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Basic ${basicAuthToken}`,
+    },
+  });
+
+  return res.json(
+    {
+      ok: true,
+    },
+    200
+  );
+};

bun/whatsapp-with-vonage/src/utils.ts

@@ -0,0 +1,5 @@
+export async function getStaticFiles() {
+  const fileName = Bun.resolveSync("../static/index.html", import.meta.dir);
+  const html = await Bun.file(fileName).text();
+  return html;
+}

bun/whatsapp-with-vonage/static/index.html

@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WhatsApp Bot with Vonage</title>
+
+    <link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink" />
+    <link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink-icons" />
+  </head>
+  <body>
+    <main class="main-content">
+      <div class="top-cover u-padding-block-end-56">
+        <div class="container">
+          <div
+            class="u-flex u-gap-16 u-flex-justify-center u-margin-block-start-16"
+          >
+            <h1 class="heading-level-1">WhatsApp Bot with Vonage</h1>
+            <code class="u-un-break-text"></code>
+          </div>
+          <p
+            class="body-text-1 u-normal u-margin-block-start-8"
+            style="max-width: 50rem"
+          >
+            This function listens to incoming webhooks from Vonage regarding
+            WhatsApp messages, and responds to them. To use the function, send
+            message to the WhatsApp user provided by Vonage.
+          </p>
+        </div>
+      </div>
+    </main>
+  </body>
+</html>