Initial push of Plunk Next

packages/email/src/common/Header.tsx

@@ -0,0 +1,10 @@
+import {Img} from '@react-email/components';
+import * as React from 'react';
+
+export function Header() {
+  return (
+    <>
+      <Img src="https://www.swyp.be/favicon/web-app-manifest-192x192.png" alt="Swyp Logo" width="40" height="40" />
+    </>
+  );
+}

packages/email/src/index.ts

@@ -0,0 +1,2 @@
+export * from './emails';
+export * from './lib';

packages/email/src/lib/index.ts

@@ -0,0 +1 @@
+export * from './send';

packages/email/src/lib/send.ts

@@ -0,0 +1,27 @@
+interface SendEmailParams {
+  to: string;
+  subject: string;
+  body: string;
+}
+
+export async function sendEmail({to, subject, body}: SendEmailParams) {
+  const apiUrl = process.env.API_URI ?? 'http://localhost:8080';
+  const res = await fetch(`${apiUrl}/v1/send`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${process.env.PLUNK_API_KEY}`,
+    },
+    body: JSON.stringify({
+      to,
+      subject,
+      body,
+    }),
+  });
+
+  if (!res.ok) {
+    const errorText = await res.text();
+    console.log(errorText);
+    throw new Error('Failed to send email');
+  }
+}