feat: add resend for send mail

CHANGELOG.md

@@ -6,6 +6,7 @@
 - UI lazy load
 - telegram bot 添加用户全局推送功能
 - 增加对 cloudflare verified 用户发送邮件
+- 增加使用 `resend` 发送邮件
 
 ## v0.4.4
 

README.md

@@ -16,10 +16,6 @@
 </p>
 
 > 本项目仅供学习和个人用途，请勿将其用于任何违法行为，否则后果自负。
->
-> [Mail Channels 免费电子邮件发送 API 将于2024年6月30日结束](https://support.mailchannels.com/hc/en-us/articles/26814255454093-End-of-Life-Notice-Cloudflare-Workers)
->
-> 正在集成 Resend 发送邮件
 
 ## [查看部署文档](https://temp-mail-docs.awsl.uk)
 

frontend/src/components/SendBox.vue

@@ -62,13 +62,21 @@ const refresh = async () => {
     data.value = results.map((item) => {
       try {
         const data = JSON.parse(item.raw);
-        item.to_mail = data?.personalizations?.map(
-          (p) => p.to?.map((t) => t.email).join(',')
-        ).join(';');
-        item.subject = data.subject;
-        item.contentType = data.content[0]?.type;
-        item.content = data.content[0]?.value;
-        item.raw = JSON.stringify(data, null, 2);
+        if (data.version == "v2") {
+          item.to_mail = data.to_name ? `${data.to_name} <${data.to_mail}>` : data.to_mail;
+          item.subject = data.subject;
+          item.is_html = data.is_html;
+          item.content = data.content;
+          item.raw = JSON.stringify(data, null, 2);
+        } else {
+          item.to_mail = data?.personalizations?.map(
+            (p) => p.to?.map((t) => t.email).join(',')
+          ).join(';');
+          item.subject = data.subject;
+          item.is_html = (data.content[0]?.type != 'text/plain');
+          item.content = data.content[0]?.value;
+          item.raw = JSON.stringify(data, null, 2);
+        }
       } catch (error) {
         console.log(error);
       }
@@ -160,7 +168,7 @@ onMounted(async () => {
             </n-button>
           </n-space>
           <pre v-if="showCode" style="margin-top: 10px;">{{ curMail.raw }}</pre>
-          <pre v-else-if="curMail.contentType == 'text/plain'" style="margin-top: 10px;">{{ curMail.content }}</pre>
+          <pre v-else-if="!curMail.is_html" style="margin-top: 10px;">{{ curMail.content }}</pre>
           <div v-else v-html="curMail.content" style="margin-top: 10px;"></div>
         </n-card>
         <n-card class="mail-item" v-else>
@@ -219,7 +227,7 @@ onMounted(async () => {
               </n-tag>
             </n-space>
             <pre v-if="showCode" style="margin-top: 10px;">{{ curMail.raw }}</pre>
-            <pre v-else-if="curMail.contentType == 'text/plain'" style="margin-top: 10px;">{{ curMail.content }}</pre>
+            <pre v-else-if="!curMail.is_html" style="margin-top: 10px;">{{ curMail.content }}</pre>
             <div v-else v-html="curMail.content" style="margin-top: 10px;"></div>
           </n-card>
         </n-drawer-content>

vitepress-docs/docs/zh/guide/config-send-mail.md

@@ -1,6 +1,35 @@
 
 # 配置发送邮件
 
+## 使用 Cloudflare Workers 给已认证的邮箱发送邮件
+
+admin 后台 账号配置 `已验证地址列表(可通过 cf 内部 api 发送邮件)`
+
+## 使用 resend 发送邮件
+
+注册 `https://resend.com/domains` 根据提示添加 DNS 记录,
+
+`API KEYS` 页面创建 `api key`
+
+使用 cli 或者直接添加到 `wrangler.toml` 的 `vars`，或者在 cloudflare worker 页面的变量中添加 `RESEND_TOKEN`
+
+```bash
+wrangler secret put RESEND_TOKEN
+```
+
+如果你有多个域名，对应不同的 `api key`，可以在 `wrangler.toml` 中添加多个 secret, 名称为 `RESEND_TOKEN_` + `<. 换成 _ 的 大写域名>`,例如
+
+```bash
+wrangler secret put RESEND_TOKEN_XXX_COM
+wrangler secret put RESEND_TOKEN_DREAMHUNTER2333_XYZ
+```
+
+## 使用 mailchannels 发送邮件
+
+::: warning
+[Mail Channels 免费电子邮件发送 API 将于2024年6月30日结束](https://support.mailchannels.com/hc/en-us/articles/26814255454093-End-of-Life-Notice-Cloudflare-Workers)
+:::
+
 1. 找到域名 `DNS` 记录的 `TXT` 的 `SPF` 记录, 增加 `include:relay.mailchannels.net`
 
     `v=spf1 include:_spf.mx.cloudflare.net include:relay.mailchannels.net ~all`

worker/eslint.config.js

@@ -0,0 +1,19 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+
+
+export default [
+  {
+    languageOptions: { globals: globals.browser },
+  },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    rules: {
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/ban-ts-comment": "off",
+    }
+  }
+];

worker/package.json

@@ -5,18 +5,24 @@
   "type": "module",
   "scripts": {
     "dev": "wrangler dev",
+    "lint": "eslint src",
     "deploy": "wrangler deploy --minify",
     "start": "wrangler dev",
     "build": "wrangler deploy --dry-run --outdir dist --minify"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20240512.0",
+    "@eslint/js": "8.56.0",
+    "eslint": "8.56.0",
+    "globals": "^15.3.0",
+    "typescript-eslint": "^7.10.0",
     "wrangler": "^3.57.1"
   },
   "dependencies": {
     "hono": "^4.3.9",
     "mimetext": "^3.0.24",
     "postal-mime": "^2.2.5",
+    "resend": "^3.2.0",
     "telegraf": "4.16.3"
   },
   "pnpm": {