feat(web): Add react.email/api (#1186)

Co-authored-by: Vitor Capretz <[email protected]>

Author: zenorocha

apps/web/.eslintrc.js

@@ -1,3 +1,6 @@
 module.exports = {
-  extends: ['custom/next'],
+  extends: ["custom/next"],
+  rules: {
+    "eslint-comments/require-description": "off",
+  },
 };

apps/web/package.json

@@ -11,12 +11,15 @@
   "dependencies": {
     "@radix-ui/colors": "1.0.1",
     "@radix-ui/react-slot": "1.0.2",
+    "@sindresorhus/is": "6.1.0",
+    "@supabase/supabase-js": "2.39.3",
     "@vercel/analytics": "1.0.1",
     "classnames": "2.3.2",
     "next": "13.5.3",
     "prism-react-renderer": "2.1.0",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "resend": "2.0.0"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "13.5.3",

apps/web/src/pages/api/send/test.ts

@@ -0,0 +1,65 @@
+/* eslint-disable turbo/no-undeclared-env-vars */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-confusing-void-expression */
+import { Resend } from "resend";
+import { createClient } from "@supabase/supabase-js";
+import type { NextApiRequest, NextApiResponse } from "next";
+import is from "@sindresorhus/is";
+
+const resend = new Resend(process.env.RESEND_API_KEY);
+const supabaseUrl = process.env.SUPABASE_URL || "";
+const supabaseKey = process.env.SUPABASE_ANON_KEY || "";
+const supabase = createClient(supabaseUrl, supabaseKey);
+
+export default async function sendTest(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
+  if (req.method === "OPTIONS") {
+    return res.status(200).json({});
+  }
+
+  if (req.method === "POST") {
+    try {
+      const { to, subject, html } = req.body;
+
+      const ip = req.headers["x-vercel-forwarded-for"];
+      const latitude = req.headers["x-vercel-ip-latitude"];
+      const longitude = req.headers["x-vercel-ip-longitude"];
+      const city = req.headers["x-vercel-ip-city"];
+      const country = req.headers["x-vercel-ip-country"];
+      const countryRegion = req.headers["x-vercel-ip-country-region"];
+
+      const savePromise = supabase
+        .from(process.env.SUPABASE_TABLE_NAME || "")
+        .insert([
+          {
+            to: [to],
+            subject,
+            html,
+            ip,
+            latitude,
+            longitude,
+            city,
+            country,
+            country_region: countryRegion,
+          },
+        ]);
+
+      const sendPromise = resend.emails.send({
+        from: "React Email <[email protected]>",
+        to: [to],
+        subject,
+        html,
+      });
+
+      await Promise.all([savePromise, sendPromise]);
+
+      res.status(200).json({ message: "Test email sent" });
+    } catch (error) {
+      if (is.error(error)) {
+        return res.status(500).json({ error: error.message });
+      }
+    }
+  }
+}