feat: backup v1 old data

.github/ISSUE_TEMPLATE/bug-反馈.md

@@ -1,23 +0,0 @@
----
-name: Bug 反馈
-about: Create a report to help us improve
-title: "[BUG]"
-labels: bug
-assignees: ''
-
----
-
-## 复现步骤
-
-
-
-## 预期行为
-
-
-
-## 部署方式
-
-- [ ] cli 部署
-- [ ]  用户界面部署
-
-## 浏览器环境

.github/ISSUE_TEMPLATE/feature-request.md

@@ -1,16 +0,0 @@
----
-name: Feature Request
-about: Suggest an idea for this project
-title: "[Feature]"
-labels: enhancement, good first issue
-assignees: ''
-
----
-
-## 请描述您的 Feature
-
-## 描述您想要的解决方案
-
-## 描述您考虑过的替代方案
-
-## 附加上下文

.github/workflows/backend_deploy.yaml

@@ -1,44 +0,0 @@
-name: Deploy Backend Production
-
-on:
-  push:
-    tags:
-      - "*"
-  workflow_dispatch:
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 18
-
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        id: pnpm-install
-        with:
-          version: 8
-          run_install: false
-
-      - name: Deploy Backend for ${{ github.ref_name }}
-        run: |
-          cd worker/
-          echo '${{ secrets.BACKEND_TOML }}' > wrangler.toml
-          pnpm install --no-frozen-lockfile
-          output=$(pnpm run deploy 2>&1)
-          if [ $? -ne 0 ]; then
-              code=$?
-              echo "Command failed with exit code $code"
-              exit $code
-          fi
-          echo "Deployed for tag ${{ github.ref_name }}"
-        env:
-          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

.github/workflows/docs_deploy.yml

@@ -1,48 +0,0 @@
-name: Deploy Docs
-
-on:
-  push:
-    paths:
-      - "vitepress-docs/**"
-    tags:
-      - "*"
-  workflow_dispatch:
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Install Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 18
-
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        id: pnpm-install
-        with:
-          version: 8
-          run_install: false
-
-      - name: Deploy Docs for ${{github.ref_name}}
-        run: |
-          cd vitepress-docs/
-          wget https://github.com/dreamhunter2333/cloudflare_temp_email/releases/latest/download/frontend.zip  -O docs/public/ui_install/frontend.zip
-          pnpm install --no-frozen-lockfile
-          if [[ ${{github.ref}} == refs/tags/* ]]; then
-            export TAG_NAME=${{github.ref_name}}
-          else
-            export TAG_NAME=$(git describe --tags --abbrev=0)
-          fi
-          echo "Deploying docs for tag $TAG_NAME"
-          pnpm run deploy
-        env:
-          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

.github/workflows/frontend_deploy.yaml

@@ -1,43 +0,0 @@
-name: Deploy Frontend
-
-on:
-  push:
-    paths:
-      - "frontend/**"
-    tags:
-      - "*"
-  workflow_dispatch:
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 18
-
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        id: pnpm-install
-        with:
-          version: 8
-          run_install: false
-
-      - name: Deploy Frontend for ${{ github.ref_name }}
-        run: |
-          cd frontend/
-          echo "${{ secrets.FRONTEND_ENV }}" > .env.prod
-          export project_name=${{ secrets.FRONTEND_NAME }}
-          pnpm install --no-frozen-lockfile
-          pnpm run deploy --project-name=$project_name
-          echo "Deploying prodcution for ${{ github.ref_name }}"
-          echo "Deployed for tag ${{ github.ref_name }}"
-        env:
-          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

.github/workflows/smtp_proxy_server.yml

@@ -1,48 +0,0 @@
-name: SMTP Proxy Server Docker Image CI
-
-on:
-  push:
-    paths:
-      - "smtp_proxy_server/**"
-    tags:
-      - "*"
-    branches:
-      - main
-  workflow_dispatch:
-
-env:
-  REGISTRY: ghcr.io
-  IMAGE_NAME: smtp_proxy_server
-
-jobs:
-  build-and-push-image:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Log in to the Container registry
-        uses: docker/login-action@v3
-        with:
-          registry: ${{ env.REGISTRY }}
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Build and push Docker images
-        uses: docker/build-push-action@v5
-        with:
-          context: ./smtp_proxy_server
-          file: ./smtp_proxy_server/dockerfile
-          platforms: linux/amd64,linux/arm64
-          push: true
-          tags: |
-            ${{ env.REGISTRY }}/${{ github.repository }}/${{ env.IMAGE_NAME }}:${{ github.ref_name }}
-            ${{ env.REGISTRY }}/${{ github.repository }}/${{ env.IMAGE_NAME }}:latest

.github/workflows/tag_build.yml

@@ -1,46 +0,0 @@
-name: Tag Build CI
-
-on:
-  push:
-    tags:
-      - "*"
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 18
-
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        id: pnpm-install
-        with:
-          version: 8
-          run_install: false
-
-      - name: Build Frontend
-        run: cd frontend && pnpm install --no-frozen-lockfile && pnpm build:release
-
-      - name: Zip Frontend dist
-        run: cd frontend/dist/ && zip -r frontend.zip *
-
-      - name: cp wrangler.toml
-        run: cd worker && cp wrangler.toml.template wrangler.toml
-
-      - name: Build Backend
-        run: cd worker && pnpm install --no-frozen-lockfile && pnpm build
-
-      - name: Upload to Release
-        uses: softprops/action-gh-release@v2
-        with:
-          files: |
-            frontend/dist/frontend.zip
-            worker/dist/worker.js

.gitignore

@@ -1,3 +1,2 @@
 dist/
 test/
-.vscode/

CHANGELOG

@@ -0,0 +1,34 @@
+# CHANGE LOG
+
+## 2024-04-10 v0.0.1
+
+Breaking changes:
+
+- remove `ENABLE_ATTACHMENT` config
+- use rust wasm to parse email in frontend
+- deprecated api moved to `/api/v1`
+
+DB changes
+
+- `db/2024-04-09-patch.sql`
+
+## 2024-04-09 v0.0.0
+
+release v0.0.0
+
+## 2024-04-03
+
+DB changes
+
+- `db/2024-04-03-patch.sql`
+
+Changes:
+
+- add delete account
+- add admin panel search
+
+## 2024-01-13
+
+DB changes
+
+- `db/2024-01-13-patch.sql`

CHANGELOG.md

@@ -1,180 +0,0 @@
-# CHANGE LOG
-
-## main branch to be released
-
-- UI: 添加回复邮件按钮
-
-## v0.3.1
-
-### DB Changes
-
-新增 `settings` 表，用于存储通用配置信息
-
-- `db/2024-05-01-patch.sql`
-
-### Changes
-
-- `ENABLE_USER_CREATE_EMAIL` 是否允许用户创建邮件
-- 允许 admin 创建无前缀的邮件
-- 添加 `SMTP proxy server`，支持 SMTP 发送邮件
-- 修复某些情况浏览器无法加载 `wasm` 时使用 js 解析邮件
-- 页脚添加 `COPYRIGHT`
-- UI 允许用户切换邮件展示模式 `v-html` / `iframe`
-- 添加 `admin` 账户配置页面，支持配置用户注册名称黑名单
-
-* feat: support admin create address && add ENABLE_USER_CREATE_EMAIL co… by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/175
-* feat: add SMTP proxy server by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/177
-* fix: cf ui var is string by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/178
-* fix: UI mailbox 100vh to 80vh by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/179
-* fix: smtp_proxy_server hostname && add docker image for linux/arm64 by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/180
-* fix: some browser do not support wasm by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/182
-* feat: add COPYRIGHT by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/183
-* feat: UI: add user page: useIframeShowMail && mailboxSplitSize by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/184
-* feat: add address_block_list for new address by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/185
-
-## v0.3.0
-
-### Breaking Changes
-
-`address` 表的前缀将从代码中迁移到 db 中，请将下面 sql 中的 `tmp` 替换为你的前缀，然后执行。
-如果你的数据很重要，请先备份数据库。
-
-**注意替换前缀**
-
-```sql
-update
-    address
-set
-    name = 'tmp' || name;
-```
-
-### Changes
-
-- `address` 表的前缀将从代码中迁移到 db 中
-- `admin` 账户页面添加收发邮件数量
-- `admin` 发件页面默认显示全部
-- `admin` 发件权限页面支持搜索地址
-- `admin` 邮件页面使用左右分栏 UI
-
-* feat: remove PREFIX logic in db by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/171
-* feat: admin page add account mail count && sendbox default all && sen… by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/172
-* feat: all mail use MailBox Component by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/173
-
-**Full Changelog**: https://github.com/dreamhunter2333/cloudflare_temp_email/compare/0.2.10...v0.3.0
-
-## v0.2.10
-
-- `ENABLE_USER_DELETE_EMAIL` 是否允许用户删除账户和邮件
-- `ENABLE_AUTO_REPLY` 是否启用自动回复
-- fetchAddressError 提示改进
-- 自动刷新显示倒计时
-
-* feat: docs update by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/165
-* feat: add ENABLE_USER_DELETE_EMAIL && ENABLE_AUTO_REPLY && modify fetchAddressError i18n && UI: show autoRefreshInterval by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/169
-
-## v0.2.9
-
-- 添加富文本编辑器
-- admin 联系方式，不配置则不显示，可配置任意字符串 `ADMIN_CONTACT = "xx@xx.xxx"`
-- 默认发送邮件余额，如果不设置，将为 0 `DEFAULT_SEND_BALANCE = 1`
-
-## v0.2.8
-
-- 允许用户删除邮件
-- admin 修改发件权限时邮件通知用户
-- 发件权限默认 1 条
-- 添加 RATE_LIMITER 限流 发送邮件 和 新建地址
-- 一些 bug 修复
-
----
-- feat: allow user delete mail && notify when send access changed by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/132
-- feat: requset_send_mail_access default 1 balance by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/143
-- fix: RATE_LIMITER not call jwt by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/146
-- fix: delete_address not delete address_sender by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/153
-- fix: send_balance not update when click sendmail by @dreamhunter2333 in https://github.com/dreamhunter2333/cloudflare_temp_email/pull/155
-
-## v0.2.7
-
-- Added user interface installation documentation
-- Support email DKIM
-- Rate limiting configuration for `/api/new_address`
-
-## v0.2.6
-
-- Added admin query outbox page
-- Add admin data cleaning page
-
-## 2024-04-12 v0.2.5
-
-- support send email
-
-DB changes:
-
-- `db/2024-04-12-patch.sql`
-
-## 2024-04-10 v0.2.0
-
-### Breaking Changes
-
-- remove `ENABLE_ATTACHMENT` config
-- use rust wasm to parse email in frontend
-- deprecated api moved to `/api/v1`
-
-### Rust Mail Parser
-
-由于 nodejs 解析 email 的库有些问题，此版本切换到使用 rust wasm 调用 rust 的mail 解析库
-
-- 速度更快，附件支持好，可以显示邮件的附件图片
-- 解析支持更多 rfc 规范
-
-Due to some problems with nodejs' email parsing library, this version switches to using rust wasm to call rust's mail parsing library.
-
-- Faster speed, good attachment support, can display attachment images of emails
-- Parsing supports more rfc specifications
-
-### DB changs
-
-将 `mails` 表废弃，新的 `mail` 的 `raw` 文本将直接存入 `raw_mails` 表.
-The `mails` table will be discarded, and the `raw` text of the new `mail` will be directly stored in the `raw_mails` table
-
-## Upgrade Step
-
-```bash
-git checkout v0.2.0
-cd worker
-wrangler d1 execute dev  --file=../db/2024-04-09-patch.sql
-pnpm run deploy
-cd ../frontend
-pnpm run deploy
-```
-
-注意：对于历史邮件，请使用部署新网页查看旧数据。
-Note: For historical messages, use the Deploy New web page to view old data.
-
-```bash
-git checkout feature/backup
-cd frontend
-# 创建一个新的 pages, 用于访问旧数据
-pnpm run deploy --project-name temp-email-v1
-```
-
-## 2024-04-09 v0.0.0
-
-release v0.0.0
-
-## 2024-04-03
-
-DB changes
-
-- `db/2024-04-03-patch.sql`
-
-Changes:
-
-- add delete account
-- add admin panel search
-
-## 2024-01-13
-
-DB changes
-
-- `db/2024-01-13-patch.sql`

README.md

@@ -1,17 +1,24 @@
 # 使用 cloudflare 免费服务，搭建临时邮箱
 
-## [查看部署文档](https://temp-mail-docs.awsl.uk)
+## [English](README_EN.md)
 
-## [English Docs](https://temp-mail-docs.awsl.uk/en/)
+[CHANGELOG](CHANGELOG)
 
-## [CHANGELOG](CHANGELOG.md)
+[Backend](https://temp-email-api.dreamhunter2333.xyz/)
+![](https://uptime.aks.awsl.icu/api/badge/10/status)
+![](https://uptime.aks.awsl.icu/api/badge/10/uptime)
+![](https://uptime.aks.awsl.icu/api/badge/10/ping)
+![](https://uptime.aks.awsl.icu/api/badge/10/avg-response)
+![](https://uptime.aks.awsl.icu/api/badge/10/cert-exp)
+![](https://uptime.aks.awsl.icu/api/badge/10/response)
 
-## [在线演示](https://mail.awsl.uk/)
+[Frontend](https://temp-email.dreamhunter2333.xyz/)
-
+![](https://uptime.aks.awsl.icu/api/badge/12/status)
-|                                            |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+![](https://uptime.aks.awsl.icu/api/badge/12/uptime)
-| ------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+![](https://uptime.aks.awsl.icu/api/badge/12/ping)
-| [Backend](https://temp-email-api.awsl.uk/) | [![Deploy Backend Production](https://github.com/dreamhunter2333/cloudflare_temp_email/actions/workflows/backend_deploy.yaml/badge.svg)](https://github.com/dreamhunter2333/cloudflare_temp_email/actions/workflows/backend_deploy.yaml) ![](https://uptime.aks.awsl.icu/api/badge/10/status) ![](https://uptime.aks.awsl.icu/api/badge/10/uptime) ![](https://uptime.aks.awsl.icu/api/badge/10/ping) ![](https://uptime.aks.awsl.icu/api/badge/10/avg-response) ![](https://uptime.aks.awsl.icu/api/badge/10/cert-exp) ![](https://uptime.aks.awsl.icu/api/badge/10/response) |
+![](https://uptime.aks.awsl.icu/api/badge/12/avg-response)
-| [Frontend](https://mail.awsl.uk/)          | [![Deploy Frontend](https://github.com/dreamhunter2333/cloudflare_temp_email/actions/workflows/frontend_deploy.yaml/badge.svg)](https://github.com/dreamhunter2333/cloudflare_temp_email/actions/workflows/frontend_deploy.yaml) ![](https://uptime.aks.awsl.icu/api/badge/12/status) ![](https://uptime.aks.awsl.icu/api/badge/12/uptime) ![](https://uptime.aks.awsl.icu/api/badge/12/ping) ![](https://uptime.aks.awsl.icu/api/badge/12/avg-response) ![](https://uptime.aks.awsl.icu/api/badge/12/cert-exp) ![](https://uptime.aks.awsl.icu/api/badge/12/response)         |
+![](https://uptime.aks.awsl.icu/api/badge/12/cert-exp)
+![](https://uptime.aks.awsl.icu/api/badge/12/response)
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=dreamhunter2333/cloudflare_temp_email&type=Date&theme=dark" />
@@ -20,30 +27,172 @@
 </picture>
 
 - [使用 cloudflare 免费服务，搭建临时邮箱](#使用-cloudflare-免费服务搭建临时邮箱)
-  - [查看部署文档](#查看部署文档)
+  - [English](#english)
-  - [English Docs](#english-docs)
-  - [CHANGELOG](#changelog)
   - [在线演示](#在线演示)
   - [功能/TODO](#功能todo)
-  - [Reference](#reference)
+  - [什么是临时邮箱](#什么是临时邮箱)
+  - [Cloudflare 服务](#cloudflare-服务)
+  - [wrangler 的安装](#wrangler-的安装)
+  - [D1 数据库](#d1-数据库)
+  - [Cloudflare workers 后端](#cloudflare-workers-后端)
+  - [Cloudflare Workers 后端](#cloudflare-workers-后端-1)
+  - [Cloudflare Email Routing](#cloudflare-email-routing)
+  - [Cloudflare Pages 前端](#cloudflare-pages-前端)
+  - [参考资料](#参考资料)
+
+## [在线演示](https://temp-email.dreamhunter2333.xyz/)
 
 ## 功能/TODO
 
-- [x] 使用 `password` 重新登录之前的邮箱
+- [x] Cloudflare D1 作为数据库
-- [x] 获取自定义名字的邮箱，`admin` 可配置黑名单
+- [x] 使用 Cloudflare Pages 部署前端
+- [x] 使用 Cloudflare Workers 部署后端
+- [x] email 转发使用 Cloudflare Email Routing
+- [x] 使用 password 重新登录之前的邮箱
+- [x] 获取自定义名字的邮箱
 - [x] 支持多语言
-- [x] 增加访问密码，可作为私人站点
+- [x] 增加访问授权，可作为私人站点
 - [x] 增加自动回复功能
-- [x] 增加查看 `附件` 功能
+- [x] 增加查看附件功能
-- [x] 使用 `rust wasm` 解析邮件
+- [x] 使用 rust wasm 解析邮件
-- [x] 支持发送邮件
-- [x] 支持 `DKIM`
-- [x] `admin` 后台创建无前缀邮箱
-- [x] 添加 `SMTP proxy server`，支持 SMTP 发送邮件
 
-## Reference
+---
 
-- Cloudflare D1 作为数据库
+## 什么是临时邮箱
-- 使用 Cloudflare Pages 部署前端
+
-- 使用 Cloudflare Workers 部署后端
+临时邮箱，也被称为一次性邮箱或临时邮件地址，是一种用于临时接收邮件的虚拟邮箱。与常规邮箱不同，临时邮箱旨在提供一种匿名且临时的邮件接收解决方案。
-- email 转发使用 Cloudflare Email Routing
+
+临时邮箱往往由网站或在线服务提供商提供，用户可以在需要注册或接收验证邮件时使用临时邮箱地址，而无需暴露自己的真实邮箱地址。这样做的好处是可以保护个人隐私
+
+---
+
+## Cloudflare 服务
+
+- `D1` 是 `Cloudflare` 的原生无服务器数据库。
+- `Pages` 是 `Cloudflare` 的静态网站托管服务, 速度超快，始终保持最新状态。
+- `Workers` 是 `Cloudflare` 的 `serverless` 应用服务，可以在全球 300 个数据中心运行代码, 而无需配置或维护基础架构。
+- `Cloudflare Email Routing` 可以处理域名的所有电子邮件流量，而无需管理电子邮件服务器。
+
+---
+
+## wrangler 的安装
+
+安装 wrangler
+
+```bash
+npm install wrangler -g
+```
+
+克隆项目
+
+```bash
+git clone https://github.com/dreamhunter2333/cloudflare_temp_email.git
+```
+
+---
+
+## D1 数据库
+
+第一次执行登录 wrangler 命令时，会提示登录, 按提示操作即可
+
+```bash
+# 创建 D1 并执行 schema.sql
+wrangler d1 create dev
+wrangler d1 execute dev --file=db/schema.sql
+# schema 更新，如果你在此日期之前初始化过数据库，可以执行此命令更新
+# wrangler d1 execute dev --file=db/2024-01-13-patch.sql
+# wrangler d1 execute dev --file=db/2024-04-03-patch.sql
+```
+
+创建完成后，我们在 cloudflare 的控制台可以看到 D1 数据库
+
+![D1](readme_assets/d1.png)
+
+---
+
+## Cloudflare workers 后端
+
+初始化项目
+
+```bash
+cd worker
+pnpm install
+cp wrangler.toml.template wrangler.toml
+```
+
+修改 `wrangler.toml` 文件
+
+```bash
+name = "cloudflare_temp_email"
+main = "src/worker.js"
+compatibility_date = "2023-08-14"
+node_compat = true
+
+[vars]
+PREFIX = "tmp" # 要处理的邮箱名称前缀
+# 如果你想要你的网站私有，取消下面的注释，并修改密码
+# PASSWORDS = ["123", "456"]
+# admin 控制台密码, 不配置则不允许访问控制台
+# ADMIN_PASSWORDS = ["123", "456"]
+DOMAINS = ["xxx.xxx1" , "xxx.xxx2"] # 你的域名
+JWT_SECRET = "xxx" # 用于生成 jwt 的密钥
+BLACK_LIST = "" # 黑名单，用于过滤发件人，逗号分隔
+
+[[d1_databases]]
+binding = "DB"
+database_name = "xxx" # D1 数据库名称
+database_id = "xxx" # D1 数据库 ID
+```
+
+---
+
+## Cloudflare Workers 后端
+
+部署
+
+```bash
+pnpm run deploy
+```
+
+部署成功之后再路由中可以看到 `worker` 的 `url`，控制台也会输出 `worker` 的 `url`
+
+![worker](readme_assets/worker.png)
+
+---
+
+## Cloudflare Email Routing
+
+配置对应域名的 `电子邮件 DNS 记录`
+
+配置 `Cloudflare Email Routing` catch-all 发送到 `worker`
+
+![email](readme_assets/email.png)
+
+---
+
+## Cloudflare Pages 前端
+
+```bash
+cd frontend
+pnpm install
+cp .env.example .env.local
+```
+
+修改 `.env.local` 文件, 将 `VITE_API_BASE` 修改为 `worker` 的 `url`, 不要在末尾加 `/`
+
+例如: `VITE_API_BASE=https://xxx.xxx.workers.dev`
+
+```bash
+pnpm build --emptyOutDir
+# 根据提示创建 pages
+pnpm run deploy
+```
+
+![pages](readme_assets/pages.png)
+
+## 参考资料
+
+- https://developers.cloudflare.com/d1/
+- https://developers.cloudflare.com/pages/
+- https://developers.cloudflare.com/workers/
+- https://developers.cloudflare.com/email-routing/

README_EN.md

@@ -0,0 +1,84 @@
+# cloudflare temp email
+
+## [中文](README.md)
+
+[CHANGELOG](CHANGELOG)
+
+## [Live Demo](https://temp-email.dreamhunter2333.xyz/)
+
+This is a temporary email service that uses Cloudflare Workers to create a temporary email address and view the received email in web browser.
+
+## Features
+
+- [x] Cloudflare D1 as a database
+- [x] Deploy the front end with Cloudflare Pages
+- [x] Deploy the backend with Cloudflare Workers
+- [x] Email forwarding using Cloudflare Email Routing
+- [x] Use password to login to the previous mailbox again.
+- [x] Get Custom Name Email
+- [x] Support multiple languages
+- [x] Add access authorization, which can be used as a private site
+- [x] Add auto reply feature
+- [x] Add attachment viewing function
+- [x] use rust wasm to parse email
+
+![demo](readme_assets/demo.png)
+
+## Deploy
+
+[Install/Update Wrangler](https://developers.cloudflare.com/workers/wrangler/install-and-update/)
+
+## DB - Cloudflare D1
+
+```bash
+# create a database, and copy the output to wrangler.toml in the next step
+wrangler d1 create dev
+wrangler d1 execute dev --file=db/schema.sql
+# schema update, if you have initialized the database before this date, you can execute this command to update
+# wrangler d1 execute dev --file=db/2024-01-13-patch.sql
+# wrangler d1 execute dev --file=db/2024-04-03-patch.sql
+```
+
+![d1](readme_assets/d1.png)
+
+### Backend - Cloudflare workers
+
+```bash
+cd worker
+pnpm install
+# copy wrangler.toml.template to wrangler.toml
+# and add your d1 config and these config
+# PREFIX = "tmp" - the email create will be like tmp<xxxxx>@DOMAIN
+# IF YOU WANT TO MAKE YOUR SITE PRIVATE, UNCOMMENT THE FOLLOWING LINES
+# PASSWORDS = ["123", "456"]
+# For admin panel, if not set will no allow to access the admin panel
+# ADMIN_PASSWORDS = ["123", "456"]
+# DOMAINS = ["xxx.xxx1" , "xxx.xxx2"] you domain name
+# JWT_SECRET = "xxx"
+# BLACK_LIST = ""
+cp wrangler.toml.template wrangler.toml
+# deploy
+pnpm run deploy
+```
+
+you can find and test the worker's url in the  workers dashboard
+
+![worker](readme_assets/worker.png)
+
+enable email route and config email forward catch-all to the worker
+
+![email](readme_assets/email.png)
+
+### Frontend - Cloudflare pages
+
+```bash
+cd frontend
+pnpm install
+# add .env.local and modify VITE_API_BASE to your worker's url
+# VITE_API_BASE=https://xxx.xxx.workers.dev - don't put / in the end
+cp .env.example .env.local
+pnpm build --emptyOutDir
+pnpm run deploy
+```
+
+![pages](readme_assets/pages.png)

db/2024-04-12-patch.sql

@@ -1,14 +0,0 @@
-CREATE TABLE IF NOT EXISTS address_sender (
-    id INTEGER PRIMARY KEY,
-    address TEXT UNIQUE,
-    balance INTEGER DEFAULT 0,
-    enabled INTEGER DEFAULT 1,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
-);
-
-CREATE TABLE IF NOT EXISTS sendbox (
-    id INTEGER PRIMARY KEY,
-    address TEXT,
-    raw TEXT,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
-);

db/2024-05-01-patch.sql

@@ -1,6 +0,0 @@
-CREATE TABLE IF NOT EXISTS settings (
-    key TEXT PRIMARY KEY,
-    value TEXT,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
-);

db/schema.sql

@@ -8,8 +8,6 @@ CREATE TABLE IF NOT EXISTS mails (
     created_at DATETIME DEFAULT CURRENT_TIMESTAMP
 );
 
-CREATE INDEX IF NOT EXISTS idx_mails_address ON mails(address);
-
 CREATE TABLE IF NOT EXISTS raw_mails (
     id INTEGER PRIMARY KEY,
     message_id TEXT,
@@ -19,8 +17,6 @@ CREATE TABLE IF NOT EXISTS raw_mails (
     created_at DATETIME DEFAULT CURRENT_TIMESTAMP
 );
 
-CREATE INDEX IF NOT EXISTS idx_raw_mails_address ON raw_mails(address);
-
 CREATE TABLE IF NOT EXISTS address (
     id INTEGER PRIMARY KEY,
     name TEXT UNIQUE,
@@ -28,8 +24,6 @@ CREATE TABLE IF NOT EXISTS address (
     updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
 );
 
-CREATE INDEX IF NOT EXISTS idx_address_name ON address(name);
-
 CREATE TABLE IF NOT EXISTS auto_reply_mails (
     id INTEGER PRIMARY KEY,
     source_prefix TEXT,
@@ -41,8 +35,6 @@ CREATE TABLE IF NOT EXISTS auto_reply_mails (
     created_at DATETIME DEFAULT CURRENT_TIMESTAMP
 );
 
-CREATE INDEX IF NOT EXISTS idx_auto_reply_mails_address ON auto_reply_mails(address);
-
 CREATE TABLE IF NOT EXISTS attachments (
     id INTEGER PRIMARY KEY,
     source TEXT,
@@ -51,29 +43,3 @@ CREATE TABLE IF NOT EXISTS attachments (
     data TEXT,
     created_at DATETIME DEFAULT CURRENT_TIMESTAMP
 );
-
-CREATE TABLE IF NOT EXISTS address_sender (
-    id INTEGER PRIMARY KEY,
-    address TEXT UNIQUE,
-    balance INTEGER DEFAULT 0,
-    enabled INTEGER DEFAULT 1,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
-);
-
-CREATE INDEX IF NOT EXISTS idx_address_sender_address ON address_sender(address);
-
-CREATE TABLE IF NOT EXISTS sendbox (
-    id INTEGER PRIMARY KEY,
-    address TEXT,
-    raw TEXT,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
-);
-
-CREATE INDEX IF NOT EXISTS idx_sendbox_address ON sendbox(address);
-
-CREATE TABLE IF NOT EXISTS settings (
-    key TEXT PRIMARY KEY,
-    value TEXT,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
-);

frontend/.gitignore

@@ -29,4 +29,3 @@ coverage
 
 .env.*
 *-dist/
-components.d.ts

frontend/package.json

@@ -6,36 +6,27 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build -m prod --emptyOutDir",
-    "build:release": "vite build -m example --emptyOutDir",
     "preview": "vite preview",
-    "deploy:preview": "npm run build && wrangler pages deploy ./dist --branch preview",
+    "deploy": "npm run build && wrangler pages deploy ../dist --branch production"
-    "deploy": "npm run build && wrangler pages deploy ./dist --branch production"
   },
   "dependencies": {
     "@vicons/material": "^0.12.0",
     "@vueuse/core": "^10.9.0",
-    "@wangeditor/editor": "^5.1.23",
-    "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^1.6.8",
-    "mail-parser-wasm": "^0.1.6",
+    "naive-ui": "^2.38.1",
-    "naive-ui": "^2.38.2",
-    "postal-mime": "^2.2.5",
     "vooks": "^0.2.12",
-    "vue": "^3.4.26",
+    "vue": "^3.4.21",
     "vue-clipboard3": "^2.0.0",
-    "vue-i18n": "^9.13.1",
+    "vue-i18n": "^9.10.2",
-    "vue-router": "^4.3.2"
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
     "@vicons/fa": "^0.12.0",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^4.6.2",
     "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.27.0",
+    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.2.11",
+    "vite": "^5.2.6",
-    "vite-plugin-pwa": "^0.19.8",
+    "vite-plugin-pwa": "^0.19.7",
-    "vite-plugin-top-level-await": "^1.4.1",
+    "workbox-window": "^7.0.0"
-    "vite-plugin-wasm": "^3.3.0",
-    "workbox-window": "^7.1.0",
-    "wrangler": "^3.53.1"
   }
 }

frontend/src/App.vue

@@ -1,15 +1,14 @@
 <script setup>
-import { darkTheme, NGlobalStyle, zhCN } from 'naive-ui'
+import { darkTheme, NGlobalStyle } from 'naive-ui'
+import { zhCN } from 'naive-ui'
 import { computed, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useGlobalState } from './store'
 import { useIsMobile } from './utils/composables'
 import Header from './views/Header.vue';
-import Footer from './views/Footer.vue';
 
-
+const { localeCache, themeSwitch, loading } = useGlobalState()
-const { localeCache, isDark, loading } = useGlobalState()
+const theme = computed(() => themeSwitch.value ? darkTheme : null)
-const theme = computed(() => isDark.value ? darkTheme : null)
 const localeConfig = computed(() => localeCache.value == 'zh' ? zhCN : null)
 const isMobile = useIsMobile()
 
@@ -43,11 +42,8 @@ onMounted(async () => {
           <n-gi :span="isMobile ? 12 : 10">
             <div class="main">
               <n-space vertical>
-                <n-layout style="min-height: 80vh;">
+                <Header />
-                  <Header />
+                <router-view></router-view>
-                  <router-view></router-view>
-                </n-layout>
-                <Footer />
               </n-space>
             </div>
           </n-gi>

frontend/src/api/index.js

@@ -49,7 +49,7 @@ const apiFetch = async (path, options = {}) => {
 const getOpenSettings = async (message) => {
     try {
         const res = await api.fetch("/open_api/settings");
-        Object.assign(openSettings.value, {
+        openSettings.value = {
             prefix: res["prefix"] || "",
             needAuth: res["needAuth"] || false,
             domains: res["domains"].map((domain) => {
@@ -57,13 +57,8 @@ const getOpenSettings = async (message) => {
                     label: domain,
                     value: domain
                 }
-            }),
+            })
-            adminContact: res["adminContact"] || "",
+        };
-            enableUserCreateEmail: res["enableUserCreateEmail"] || false,
-            enableUserDeleteEmail: res["enableUserDeleteEmail"] || false,
-            enableAutoReply: res["enableAutoReply"] || false,
-            copyright: res["copyright"] || openSettings.value.copyright,
-        });
         if (openSettings.value.needAuth) {
             showAuth.value = true;
         }
@@ -80,9 +75,7 @@ const getSettings = async () => {
         const res = await apiFetch("/api/settings");;
         settings.value = {
             address: res["address"],
-            auto_reply: res["auto_reply"],
+            auto_reply: res["auto_reply"]
-            has_v1_mails: res["has_v1_mails"],
-            send_balance: res["send_balance"],
         };
     } finally {
         settings.value.fetched = true;

frontend/src/components/MailBox.vue

@@ -1,423 +0,0 @@
-<script setup>
-import { watch, onMounted, ref, onBeforeUnmount } from "vue";
-import { useRouter } from "vue-router";
-import { useMessage } from 'naive-ui'
-import { useI18n } from 'vue-i18n'
-import { useGlobalState } from '../store'
-import { CloudDownloadRound, ReplyFilled } from '@vicons/material'
-import { useIsMobile } from '../utils/composables'
-import { processItem, getDownloadEmlUrl } from '../utils/email-parser'
-
-const message = useMessage()
-const isMobile = useIsMobile()
-const router = useRouter()
-
-const props = defineProps({
-  enableUserDeleteEmail: {
-    type: Boolean,
-    default: false,
-    requried: false
-  },
-  showEMailTo: {
-    type: Boolean,
-    default: true,
-    requried: false
-  },
-  fetchMailData: {
-    type: Function,
-    default: () => { },
-    requried: true
-  },
-  deleteMail: {
-    type: Function,
-    default: () => { },
-    requried: false
-  },
-  showReply: {
-    type: Boolean,
-    default: false,
-    requried: false
-  }
-})
-
-const {
-  localeCache, isDark, mailboxSplitSize, useIframeShowMail, sendMailModel
-} = useGlobalState()
-const autoRefresh = ref(false)
-const autoRefreshInterval = ref(30)
-const data = ref([])
-const timer = ref(null)
-
-const count = ref(0)
-const page = ref(1)
-const pageSize = ref(20)
-
-const showAttachments = ref(false)
-const curAttachments = ref([])
-const curMail = ref(null);
-
-const { t } = useI18n({
-  locale: localeCache.value || 'zh',
-  messages: {
-    en: {
-      success: 'Success',
-      autoRefresh: 'Auto Refresh',
-      refreshAfter: 'Refresh After {msg} Seconds',
-      refresh: 'Refresh',
-      attachments: 'Show Attachments',
-      downloadMail: 'Download Mail',
-      pleaseSelectMail: "Please select a mail to view.",
-      delete: 'Delete',
-      deleteMailTip: 'Are you sure you want to delete this mail?',
-      reply: 'Reply'
-    },
-    zh: {
-      success: '成功',
-      autoRefresh: '自动刷新',
-      refreshAfter: '{msg}秒后刷新',
-      refresh: '刷新',
-      downloadMail: '下载邮件',
-      attachments: '查看附件',
-      pleaseSelectMail: "请选择一封邮件查看。",
-      delete: '删除',
-      deleteMailTip: '确定要删除这封邮件吗?',
-      reply: '回复'
-    }
-  }
-});
-
-const setupAutoRefresh = async (autoRefresh) => {
-  // auto refresh every 30 seconds
-  autoRefreshInterval.value = 30;
-  if (autoRefresh) {
-    timer.value = setInterval(async () => {
-      autoRefreshInterval.value--;
-      if (autoRefreshInterval.value <= 0) {
-        autoRefreshInterval.value = 30;
-        await refresh();
-      }
-    }, 1000)
-  } else {
-    clearInterval(timer.value)
-    timer.value = null
-  }
-}
-
-watch(autoRefresh, async (autoRefresh, old) => {
-  setupAutoRefresh(autoRefresh)
-})
-
-watch([page, pageSize], async ([page, pageSize], [oldPage, oldPageSize]) => {
-  if (page !== oldPage || pageSize !== oldPageSize) {
-    await refresh();
-  }
-})
-
-const refresh = async () => {
-  try {
-    const { results, count: totalCount } = await props.fetchMailData(
-      pageSize.value, (page.value - 1) * pageSize.value
-    );
-    data.value = await Promise.all(results.map(async (item) => {
-      return await processItem(item);
-    }));
-    if (totalCount > 0) {
-      count.value = totalCount;
-    }
-    if (!isMobile.value && !curMail.value && data.value.length > 0) {
-      curMail.value = data.value[0];
-    }
-  } catch (error) {
-    message.error(error.message || "error");
-    console.error(error);
-  }
-};
-
-const clickRow = async (row) => {
-  curMail.value = row;
-};
-
-const getAttachments = (attachments) => {
-  curAttachments.value = attachments;
-  showAttachments.value = true;
-};
-
-const mailItemClass = (row) => {
-  return curMail.value && row.id == curMail.value.id ? (isDark.value ? 'overlay overlay-dark-backgroud' : 'overlay overlay-light-backgroud') : '';
-};
-
-const deleteMail = async () => {
-  try {
-    await props.deleteMail(curMail.value.id);
-    message.success(t("success"));
-    curMail.value = null;
-    await refresh();
-  } catch (error) {
-    message.error(error.message || "error");
-  }
-};
-
-const replyMail = async () => {
-  const emailRegex = /(.+?) <(.+?)>/;
-  let toMail = curMail.value.originalSource;
-  let toName = ""
-  const match = emailRegex.exec(curMail.value.source);
-  if (match) {
-    toName = match[1];
-    toMail = match[2];
-  }
-  Object.assign(sendMailModel.value, {
-    toName: toName,
-    toMail: toMail,
-    subject: localeCache.value == 'zh' ? `回复: ${curMail.value.subject}` : `Re: ${curMail.value.subject}`,
-    contentType: 'text',
-    content: "",
-  });
-  await router.push('/send');
-};
-
-const onSpiltSizeChange = (size) => {
-  mailboxSplitSize.value = size;
-}
-
-onMounted(async () => {
-  await refresh();
-});
-
-onBeforeUnmount(() => {
-  clearInterval(timer.value)
-})
-</script>
-
-<template>
-  <div>
-    <n-split class="left" v-if="!isMobile" direction="horizontal" :max="0.75" :min="0.25"
-      :default-size="mailboxSplitSize" :on-update:size="onSpiltSizeChange">
-      <template #1>
-        <div class="center">
-          <div style="display: inline-block; margin-top: 10px; margin-bottom: 10px;">
-            <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" simple size="small" />
-          </div>
-          <n-switch v-model:value="autoRefresh" size="small" :round="false">
-            <template #checked>
-              {{ t('refreshAfter', { msg: autoRefreshInterval }) }}
-            </template>
-            <template #unchecked>
-              {{ t('autoRefresh') }}
-            </template>
-          </n-switch>
-          <n-button @click="refresh" size="small" type="primary">
-            {{ t('refresh') }}
-          </n-button>
-        </div>
-        <div style="overflow: auto; height: 80vh;">
-          <n-list hoverable clickable>
-            <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)"
-              :class="mailItemClass(row)">
-              <n-thing :title="row.subject">
-                <template #description>
-                  <n-tag type="info">
-                    ID: {{ row.id }}
-                  </n-tag>
-                  <n-tag type="info">
-                    {{ row.created_at }}
-                  </n-tag>
-                  <n-tag type="info">
-                    FROM: {{ row.source }}
-                  </n-tag>
-                  <n-tag v-if="showEMailTo" type="info">
-                    TO: {{ row.address }}
-                  </n-tag>
-                </template>
-              </n-thing>
-            </n-list-item>
-          </n-list>
-        </div>
-      </template>
-      <template #2>
-        <n-card v-if="curMail" class="mail-item" :title="curMail.subject" style="overflow: auto; max-height: 100vh;">
-          <n-space>
-            <n-tag type="info">
-              ID: {{ curMail.id }}
-            </n-tag>
-            <n-tag type="info">
-              {{ curMail.created_at }}
-            </n-tag>
-            <n-tag type="info">
-              FROM: {{ curMail.source }}
-            </n-tag>
-            <n-tag v-if="showEMailTo" type="info">
-              TO: {{ curMail.address }}
-            </n-tag>
-            <n-popconfirm v-if="enableUserDeleteEmail" @positive-click="deleteMail">
-              <template #trigger>
-                <n-button tertiary type="error" size="small">{{ t('delete') }}</n-button>
-              </template>
-              {{ t('deleteMailTip') }}
-            </n-popconfirm>
-            <n-button v-if="curMail.attachments && curMail.attachments.length > 0" size="small" tertiary type="info"
-              @click="getAttachments(curMail.attachments)">
-              {{ t('attachments') }}
-            </n-button>
-            <n-button tag="a" target="_blank" tertiary type="info" size="small" :download="curMail.id + '.eml'"
-              :href="getDownloadEmlUrl(curMail.raw)">
-              <template #icon>
-                <n-icon :component="CloudDownloadRound" />
-              </template>
-              {{ t('downloadMail') }}
-            </n-button>
-            <n-button v-if="showReply" size="small" tertiary type="info" @click="replyMail">
-              <template #icon>
-                <n-icon :component="ReplyFilled" />
-              </template>
-              {{ t('reply') }}
-            </n-button>
-          </n-space>
-          <iframe v-if="useIframeShowMail" :srcdoc="curMail.message"
-            style="margin-top: 10px;width: 100%; height: 100%;">
-          </iframe>
-          <div v-else v-html="curMail.message" style="margin-top: 10px;"></div>
-        </n-card>
-        <n-card class="mail-item" v-else>
-          <n-result status="info" :title="t('pleaseSelectMail')">
-          </n-result>
-        </n-card>
-      </template>
-    </n-split>
-    <div class="left" v-else>
-      <div class="center">
-        <div style="display: inline-block; margin-top: 10px; margin-bottom: 10px;">
-          <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" simple size="small" />
-        </div>
-        <n-switch v-model:value="autoRefresh" size="small" :round="false">
-          <template #checked>
-            {{ t('refreshAfter', { msg: autoRefreshInterval }) }}
-          </template>
-          <template #unchecked>
-            {{ t('autoRefresh') }}
-          </template>
-        </n-switch>
-        <n-button @click="refresh" size="small" type="primary">
-          {{ t('refresh') }}
-        </n-button>
-      </div>
-      <div style="overflow: auto; height: 80vh;">
-        <n-list hoverable clickable>
-          <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)">
-            <n-thing :title="row.subject">
-              <template #description>
-                <n-tag type="info">
-                  ID: {{ row.id }}
-                </n-tag>
-                <n-tag type="info">
-                  {{ row.created_at }}
-                </n-tag>
-                <n-tag type="info">
-                  FROM: {{ row.source }}
-                </n-tag>
-                <n-tag v-if="showEMailTo" type="info">
-                  TO: {{ row.address }}
-                </n-tag>
-              </template>
-            </n-thing>
-          </n-list-item>
-        </n-list>
-      </div>
-      <n-drawer v-model:show="curMail" width="100%" placement="bottom" :trap-focus="false" :block-scroll="false"
-        style="height: 80vh;">
-        <n-drawer-content :title="curMail ? curMail.subject : ''" closable>
-          <n-card style="overflow: auto;">
-            <n-space>
-              <n-tag type="info">
-                ID: {{ curMail.id }}
-              </n-tag>
-              <n-tag type="info">
-                {{ curMail.created_at }}
-              </n-tag>
-              <n-tag type="info">
-                FROM: {{ curMail.source }}
-              </n-tag>
-              <n-tag v-if="showEMailTo" type="info">
-                TO: {{ curMail.address }}
-              </n-tag>
-              <n-popconfirm v-if="enableUserDeleteEmail" @positive-click="deleteMail">
-                <template #trigger>
-                  <n-button tertiary type="error" size="small">{{ t('delete') }}</n-button>
-                </template>
-                {{ t('deleteMailTip') }}
-              </n-popconfirm>
-              <n-button v-if="curMail.attachments && curMail.attachments.length > 0" size="small" tertiary type="info"
-                @click="getAttachments(curMail.attachments)">
-                {{ t('attachments') }}
-              </n-button>
-              <n-button tag="a" target="_blank" tertiary type="info" size="small" :download="curMail.id + '.eml'"
-                :href="getDownloadEmlUrl(curMail)">
-                <n-icon :component="CloudDownloadRound" />
-                {{ t('downloadMail') }}
-              </n-button>
-              <n-button v-if="showReply" size="small" tertiary type="info" @click="replyMail">
-                <template #icon>
-                  <n-icon :component="ReplyFilled" />
-                </template>
-                {{ t('reply') }}
-              </n-button>
-            </n-space>
-            <div v-html="curMail.message" style="margin-top: 10px;"></div>
-          </n-card>
-        </n-drawer-content>
-      </n-drawer>
-    </div>
-    <n-modal v-model:show="showAttachments" preset="dialog" title="Dialog">
-      <template #header>
-        <div>{{ t("attachments") }}</div>
-      </template>
-      <n-list hoverable clickable>
-        <n-list-item v-for="row in curAttachments" v-bind:key="row.id">
-          <n-thing class="center" :title="row.filename">
-            <template #description>
-              <n-space>
-                <n-tag type="info">
-                  Size: {{ row.size }}
-                </n-tag>
-              </n-space>
-            </template>
-          </n-thing>
-          <template #suffix>
-            <n-button tag="a" target="_blank" tertiary type="info" size="small" :download="row.filename"
-              :href="row.url">
-              <n-icon :component="CloudDownloadRound" />
-            </n-button>
-          </template>
-        </n-list-item>
-      </n-list>
-    </n-modal>
-  </div>
-</template>
-
-<style scoped>
-.left {
-  text-align: left;
-}
-
-.center {
-  text-align: center;
-}
-
-.overlay {
-  width: 100%;
-  height: 100%;
-  z-index: 1000;
-}
-
-.overlay-dark-backgroud {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-.overlay-light-backgroud {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.mail-item {
-  height: 100%;
-}
-</style>

frontend/src/main.js

@@ -12,7 +12,7 @@ const i18n = createI18n({
     'en': {
         messages: {}
     },
-    'zh': {
+    'zhCN': {
         messages: {}
     }
 })

frontend/src/router/index.js

@@ -1,7 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Index from '../views/Index.vue'
-import User from '../views/User.vue'
+import Settings from '../views/Settings.vue'
-import SendMail from '../views/send/SendMail.vue'
 import Admin from '../views/Admin.vue'
 
 const router = createRouter({
@@ -12,12 +11,8 @@ const router = createRouter({
             component: Index
         },
         {
-            path: '/user',
+            path: '/settings',
-            component: User
+            component: Settings
-        },
-        {
-            path: '/send',
-            component: SendMail
         },
         {
             path: '/admin',

frontend/src/store/index.js

@@ -1,26 +1,19 @@
 import { ref } from "vue";
 import { createGlobalState, useStorage } from '@vueuse/core'
-import { useDark, useToggle } from '@vueuse/core'
 
 export const useGlobalState = createGlobalState(
     () => {
-        const isDark = useDark()
-        const toggleDark = useToggle(isDark)
         const loading = ref(false);
         const openSettings = ref({
             prefix: '',
             needAuth: false,
-            adminContact: '',
+            domains: [{
-            enableUserCreateEmail: false,
+                label: 'test.com',
-            enableUserDeleteEmail: false,
+                value: 'test.com'
-            enableAutoReply: false,
+            }]
-            domains: [],
-            copyright: 'Dream Hunter',
         })
         const settings = ref({
             fetched: false,
-            has_v1_mails: false,
-            send_balance: 0,
             address: '',
             auto_reply: {
                 subject: '',
@@ -29,46 +22,27 @@ export const useGlobalState = createGlobalState(
                 source_prefix: '',
                 name: '',
             }
-        });
+        })
-        const sendMailModel = useStorage('sendMailModel', {
-            fromName: "",
-            toName: "",
-            toMail: "",
-            subject: "",
-            contentType: 'text',
-            content: "",
-        });
         const showAuth = ref(false);
-        const showPassword = ref(false);
         const showAdminAuth = ref(false);
         const auth = useStorage('auth', '');
         const adminAuth = useStorage('adminAuth', '');
         const jwt = useStorage('jwt', '');
-        const localeCache = useStorage('locale', 'zh');
+        const localeCache = useStorage('locale', 'zhCN');
-        const adminTab = ref("account");
+        const themeSwitch = useStorage('themeSwitch', false);
-        const adminMailTabAddress = ref("");
+        const showLogin = ref(false);
-        const adminSendBoxTabAddress = ref("");
-        const mailboxSplitSize = useStorage('mailboxSplitSize', 0.25);
-        const useIframeShowMail = useStorage('useIframeShowMail', false);
         return {
-            isDark,
-            toggleDark,
             loading,
             settings,
-            sendMailModel,
             openSettings,
             showAuth,
-            showPassword,
             auth,
             jwt,
             localeCache,
+            themeSwitch,
             adminAuth,
             showAdminAuth,
-            adminTab,
+            showLogin,
-            adminMailTabAddress,
-            adminSendBoxTabAddress,
-            mailboxSplitSize,
-            useIframeShowMail,
         }
     },
 )

frontend/src/utils/email-parser.js

@@ -1,15 +1,9 @@
 import PostalMime from 'postal-mime';
-
+import { parse_message } from 'mail-parser-wasm'
-function humanFileSize(size) {
-    const i = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));
-    return parseFloat((size / Math.pow(1024, i)).toFixed(2)) + ' ' + ['B', 'KB', 'MB', 'GB', 'TB'][i];
-}
 
 export async function processItem(item) {
     // Try to parse the email using mail-parser-wasm
-    item.originalSource = item.source;
     try {
-        const { parse_message } = await import('mail-parser-wasm');
         const parsedEmail = parse_message(item.raw);
         item.source = parsedEmail.sender || item.source;
         item.subject = parsedEmail.subject || '';
@@ -26,7 +20,7 @@ export async function processItem(item) {
             return {
                 id: a_item.content_id || Math.random().toString(36).substring(2, 15),
                 filename: a_item.filename || a_item.content_id || "",
-                size: humanFileSize(a_item.content?.length || 0),
+                size: a_item.content?.length || 0,
                 url: blob_url
             }
         }) || [];
@@ -58,7 +52,7 @@ export async function processItem(item) {
             return {
                 id: a_item.contentId || Math.random().toString(36).substring(2, 15),
                 filename: a_item.filename || a_item.contentId || "",
-                size: humanFileSize(a_item.content?.length || 0),
+                size: a_item.content?.length || 0,
                 url: blob_url
             }
         }) || [];
@@ -68,7 +62,6 @@ export async function processItem(item) {
         item.subject = 'No Subject';
         item.message = item.raw;
     }
-    return item;
 }
 
 export function getDownloadEmlUrl(raw) {

frontend/src/views/Admin.vue

@@ -1,24 +1,20 @@
 <script setup>
-import { onMounted } from 'vue';
+import { ref, h, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+import { User, UserCheck, MailBulk } from '@vicons/fa'
 
 import { useGlobalState } from '../store'
+import { api } from '../api'
 
-import SenderAccess from './admin/SenderAccess.vue'
+const { localeCache, adminAuth, showAdminAuth } = useGlobalState()
-import Statistics from "./admin/Statistics.vue"
+const router = useRouter()
-import SendBox from './admin/SendBox.vue';
-import Account from './admin/Account.vue';
-import CreateAccount from './admin/CreateAccount.vue';
-import AccountSettings from './admin/AccountSettings.vue';
-import Mails from './admin/Mails.vue';
-import MailsUnknow from './admin/MailsUnknow.vue';
-import Maintenance from './admin/Maintenance.vue';
-
-const {
-  localeCache, adminAuth, showAdminAuth, adminTab, loading
-} = useGlobalState()
 const message = useMessage()
 
+const showEmailPassword = ref(false)
+const curEmailPassword = ref("")
+const addressQuery = ref("")
+
 const authFunc = async () => {
   try {
     location.reload()
@@ -31,79 +27,371 @@ const { t } = useI18n({
   locale: localeCache.value || 'zh',
   messages: {
     en: {
-      accessHeader: 'Admin Password',
+      title: 'Temp Email Admin',
-      accessTip: 'Please enter the admin password',
+      auth: 'Admin Auth',
+      home: 'Home',
+      authTip: 'Please enter the correct auth code',
+      name: 'Name',
+      created_at: 'Created At',
+      showPass: 'Show Passwrod',
+      password: 'Password',
+      passwordTip: 'Please copy the password and you can use it to login to your email account.',
+      delete: 'Delete',
+      deleteTip: 'Are you sure to delete this email?',
+      refresh: 'Refresh',
       mails: 'Emails',
+      itemCount: 'itemCount',
+      query: 'Query',
+      userCount: 'User Count',
+      activeUser: '7 days Active User',
+      mailCount: 'Mail Count',
       account: 'Account',
-      account_create: 'Create Account',
+      unknow: 'Unknow',
-      account_settings: 'Account Settings',
+      addressQueryTip: 'Leave blank to query all addresses',
-      unknow: 'Mails with unknow receiver',
-      senderAccess: 'Sender Access Control',
-      sendBox: 'Send Box',
-      maintenance: 'Maintenance',
-      ok: 'OK',
     },
     zh: {
-      accessHeader: 'Admin 密码',
+      title: '临时邮件 Admin',
-      accessTip: '请输入 Admin 密码',
+      auth: 'Admin 授权',
+      home: '首页',
+      authTip: '请输入正确的授权码',
+      name: '名称',
+      created_at: '创建时间',
+      showPass: '显示密码',
+      password: '密码',
+      passwordTip: '请复制密码，你可以使用它登录你的邮箱。',
+      delete: '删除',
+      deleteTip: '确定要删除这个邮箱吗？',
+      refresh: '刷新',
       mails: '邮件',
+      itemCount: '总数',
+      query: '查询',
+      userCount: '用户总数',
+      activeUser: '周活跃用户',
+      mailCount: '邮件总数',
       account: '账号',
-      account_create: '创建账号',
+      unknow: '未知',
-      account_settings: '账号设置',
+      addressQueryTip: '留空查询所有地址',
-      unknow: '无收件人邮件',
-      senderAccess: '发件权限控制',
-      sendBox: '发件箱',
-      maintenance: '维护',
-      ok: '确定',
     }
   }
 });
+const data = ref([])
+const count = ref(0)
+const page = ref(1)
+const pageSize = ref(20)
+
+const showPassword = async (id) => {
+  try {
+    curEmailPassword.value = await api.adminShowPassword(id)
+    showEmailPassword.value = true
+  } catch (error) {
+    message.error(error.message || "error");
+    showEmailPassword.value = false
+    curEmailPassword.value = ""
+  }
+}
+
+const deleteEmail = async (id) => {
+  try {
+    await api.adminDeleteAddress(id)
+    message.success("success");
+    await fetchData()
+  } catch (error) {
+    message.error(error.message || "error");
+  }
+}
+
+const fetchData = async () => {
+  try {
+    const { results, count: addressCount } = await api.fetch(
+      `/admin/address`
+      + `?limit=${pageSize.value}`
+      + `&offset=${(page.value - 1) * pageSize.value}`
+      + (addressQuery.value ? `&query=${addressQuery.value}` : "")
+    );
+    data.value = results;
+    if (addressCount > 0) {
+      count.value = addressCount;
+    }
+  } catch (error) {
+    console.log(error)
+    message.error(error.message || "error");
+  }
+}
+
+const columns = [
+  {
+    title: "ID",
+    key: "id"
+  },
+  {
+    title: t('name'),
+    key: "name"
+  },
+  {
+    title: t('created_at'),
+    key: "created_at"
+  },
+  {
+    title: 'Action',
+    key: 'actions',
+    render(row) {
+      return h('div', [
+        h(NButton,
+          {
+            type: 'success',
+            ghost: true,
+            onClick: () => showPassword(row.id)
+          },
+          { default: () => t('showPass') }
+        ),
+        h(NButton,
+          {
+            type: 'success',
+            ghost: true,
+            onClick: () => {
+              mailAddress.value = row.name
+              tab.value = "mails"
+            }
+          },
+          { default: () => t('mails') }
+        ),
+        h(NPopconfirm,
+          {
+            onPositiveClick: () => deleteEmail(row.id)
+          },
+          {
+            trigger: () => h(NButton, { type: "error" }, () => t('delete')),
+            default: () => t('deleteTip')
+          }
+        )
+      ])
+    }
+  }
+]
+
+watch([page, pageSize], async () => {
+  await fetchData()
+})
+
+const statistics = ref({
+  userCount: 0,
+  mailCount: 0,
+  activeUserCount7days: 0,
+})
+
+const fetchStatistics = async () => {
+  try {
+    const { userCount, activeUserCount7days, mailCount } = await api.fetch(`/admin/statistics`);
+    statistics.value.mailCount = mailCount || 0;
+    statistics.value.userCount = userCount || 0;
+    statistics.value.activeUserCount7days = activeUserCount7days || 0;
+  } catch (error) {
+    console.log(error)
+    message.error(error.message || "error");
+  }
+}
 
 onMounted(async () => {
   if (!adminAuth.value) {
-    showAdminAuth.value = true;
+    showAdminAuth.value = true
-    return;
+  } else {
+    await fetchData()
+    await fetchStatistics()
   }
 })
+
+const tab = ref("account")
+const mailAddress = ref("")
+const mailData = ref([])
+const mailCount = ref(0)
+const mailPage = ref(1)
+const mailPageSize = ref(20)
+
+watch([mailPage, mailPageSize, mailAddress], async () => {
+  await fetchMailData()
+})
+
+const fetchMailData = async () => {
+  if (!mailAddress.value) {
+    return
+  }
+  try {
+    const { results, count } = await api.fetch(
+      `/admin/v1/mails`
+      + `?address=${mailAddress.value}`
+      + `&limit=${mailPageSize.value}`
+      + `&offset=${(mailPage.value - 1) * mailPageSize.value}`
+    );
+    mailData.value = results;
+    if (count > 0) {
+      mailCount.value = count;
+    }
+  } catch (error) {
+    console.log(error)
+    message.error(error.message || "error");
+  }
+}
+
+
+const mailUnknowData = ref([])
+const mailUnknowCount = ref(0)
+const mailUnknowPage = ref(1)
+const mailUnknowPageSize = ref(20)
+
+watch([mailUnknowPage, mailUnknowPageSize], async () => {
+  await fetchMailUnknowData()
+})
+
+const fetchMailUnknowData = async () => {
+  try {
+    const { results, count } = await api.fetch(
+      `/admin/v1/mails_unknow`
+      + `?limit=${mailPageSize.value}`
+      + `&offset=${(mailPage.value - 1) * mailPageSize.value}`
+    );
+    mailUnknowData.value = results;
+    if (count > 0) {
+      mailUnknowCount.value = count;
+    }
+  } catch (error) {
+    console.log(error)
+    message.error(error.message || "error");
+  }
+}
 </script>
 
 <template>
   <div>
     <n-modal v-model:show="showAdminAuth" :closable="false" :closeOnEsc="false" :maskClosable="false" preset="dialog"
-      :title="t('accessHeader')">
+      title="Dialog">
-      <p>{{ t('accessTip') }}</p>
+      <template #header>
-      <n-input v-model:value="adminAuth" type="textarea" :autosize="{ minRows: 3 }" />
+        <div>{{ t('auth') }}</div>
+      </template>
+      <p>{{ t('authTip') }}</p>
+      <n-input v-model:value="adminAuth" type="textarea" :autosize="{
+      minRows: 3
+    }" />
       <template #action>
-        <n-button @click="authFunc" type="primary" :loading="loading">
+        <n-button @click="authFunc" size="small" tertiary round type="primary">
-          {{ t('ok') }}
+          {{ t('auth') }}
         </n-button>
       </template>
     </n-modal>
-    <Statistics />
+    <n-modal v-model:show="showEmailPassword" preset="dialog" title="Dialog">
-    <n-tabs type="card" v-model:value="adminTab">
+      <template #header>
+        <div>{{ t("password") }}</div>
+      </template>
+      <span>
+        <p>{{ t("passwordTip") }}</p>
+      </span>
+      <n-card>
+        <b>{{ curEmailPassword }}</b>
+      </n-card>
+      <template #action>
+      </template>
+    </n-modal>
+    <n-row>
+      <n-col :span="8">
+        <n-statistic :label="t('userCount')" :value="statistics.userCount">
+          <template #prefix>
+            <n-icon :component="User" />
+          </template>
+        </n-statistic>
+      </n-col>
+      <n-col :span="8">
+        <n-statistic :label="t('activeUser')" :value="statistics.activeUserCount7days">
+          <template #prefix>
+            <n-icon :component="UserCheck" />
+          </template>
+        </n-statistic>
+      </n-col>
+      <n-col :span="8">
+        <n-statistic :label="t('mailCount')" :value="statistics.mailCount">
+          <template #prefix>
+            <n-icon :component="MailBulk" />
+          </template>
+        </n-statistic>
+      </n-col>
+    </n-row>
+    <n-tabs type="segment" v-model:value="tab">
       <n-tab-pane name="account" :tab="t('account')">
-        <Account />
+        <n-input-group>
-      </n-tab-pane>
+          <n-input v-model:value="addressQuery" clearable :placeholder="t('addressQueryTip')" />
-      <n-tab-pane name="account_create" :tab="t('account_create')">
+          <n-button @click="fetchData" type="primary" ghost>
-        <CreateAccount />
+            {{ t('query') }}
-      </n-tab-pane>
+          </n-button>
-      <n-tab-pane name="account_settings" :tab="t('account_settings')">
+        </n-input-group>
-        <AccountSettings />
+        <div style="display: inline-block;">
+          <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" :page-sizes="[20, 50, 100]"
+            show-size-picker>
+            <template #prefix="{ itemCount }">
+              {{ t('itemCount') }}: {{ itemCount }}
+            </template>
+          </n-pagination>
+        </div>
+        <n-data-table :columns="columns" :data="data" :bordered="false" />
       </n-tab-pane>
       <n-tab-pane name="mails" :tab="t('mails')">
-        <Mails />
+        <n-input-group>
+          <n-input v-model:value="mailAddress" />
+          <n-button @click="fetchMailData" type="primary" ghost>
+            {{ t('query') }}
+          </n-button>
+        </n-input-group>
+        <n-list hoverable clickable>
+          <div style="display: inline-block; margin-bottom: 10px;">
+            <n-pagination v-model:page="mailPage" v-model:page-size="mailPageSize" :item-count="mailCount" simple>
+              <template #prefix="{ itemCount }">
+                {{ t('itemCount') }}: {{ itemCount }}
+              </template>
+            </n-pagination>
+          </div>
+          <n-list-item v-for="row in mailData" v-bind:key="row.id">
+            <n-thing class="center" :title="row.subject">
+              <template #description>
+                <n-space>
+                  <n-tag type="info">
+                    FROM: {{ row.source }}
+                  </n-tag>
+                  <n-tag type="info">
+                    ID: {{ row.id }}
+                  </n-tag>
+                </n-space>
+              </template>
+              <div v-html="row.message"></div>
+            </n-thing>
+          </n-list-item>
+        </n-list>
       </n-tab-pane>
       <n-tab-pane name="unknow" :tab="t('unknow')">
-        <MailsUnknow />
+        <n-button @click="fetchMailUnknowData" type="primary" ghost>
-      </n-tab-pane>
+          {{ t('query') }}
-      <n-tab-pane name="senderAccess" :tab="t('senderAccess')">
+        </n-button>
-        <SenderAccess />
+        <n-list hoverable clickable>
-      </n-tab-pane>
+          <div style="display: inline-block; margin-bottom: 10px;">
-      <n-tab-pane name="sendBox" :tab="t('sendBox')">
+            <n-pagination v-model:page="mailUnknowPage" v-model:page-size="mailUnknowPageSize"
-        <SendBox />
+              :item-count="mailUnknowCount" simple>
-      </n-tab-pane>
+              <template #prefix="{ itemCount }">
-      <n-tab-pane name="maintenance" :tab="t('maintenance')">
+                {{ t('itemCount') }}: {{ itemCount }}
-        <Maintenance />
+              </template>
+            </n-pagination>
+          </div>
+          <n-list-item v-for="row in mailUnknowData" v-bind:key="row.id">
+            <n-thing class="center" :title="row.subject">
+              <template #description>
+                <n-space>
+                  <n-tag type="info">
+                    FROM: {{ row.source }}
+                  </n-tag>
+                  <n-tag type="info">
+                    ID: {{ row.id }}
+                  </n-tag>
+                </n-space>
+              </template>
+              <div v-html="row.message"></div>
+            </n-thing>
+          </n-list-item>
+        </n-list>
       </n-tab-pane>
     </n-tabs>
   </div>

frontend/src/views/Footer.vue

@@ -1,38 +0,0 @@
-<script setup>
-import { useI18n } from 'vue-i18n'
-import { useGlobalState } from '../store'
-const { localeCache, openSettings } = useGlobalState()
-
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            copyright: "Copyright"
-        },
-        zh: {
-            copyright: "版权所有"
-        }
-    }
-});
-
-</script>
-
-<template>
-    <div>
-        <n-divider class="footer-divider" />
-        <div style="text-align: center; padding: 20px">
-            <n-text depth="3">
-                {{ t('copyright') }} © 2023-{{ new Date().getFullYear() }} {{ openSettings.copyright }}
-            </n-text>
-        </div>
-    </div>
-</template>
-
-
-<style scoped>
-.footer-divider {
-    margin: 0;
-    padding: 0 var(--x-padding);
-}
-</style>

frontend/src/views/Header.vue

@@ -4,29 +4,43 @@ import { ref, h, computed, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import { useIsMobile } from '../utils/composables'
-import {
+import { DarkModeFilled, LightModeFilled, MenuFilled, AdminPanelSettingsFilled } from '@vicons/material'
-    DarkModeFilled, LightModeFilled, MenuFilled,
-    AdminPanelSettingsFilled, SendFilled
-} from '@vicons/material'
 import { GithubAlt, Language, User, Home, Copy } from '@vicons/fa'
 
-import Login from './Login.vue'
-
 import { useGlobalState } from '../store'
 import { api } from '../api'
 const { toClipboard } = useClipboard()
 const message = useMessage()
 
-const {
+const { jwt, localeCache, themeSwitch, showAuth, adminAuth, auth } = useGlobalState()
-    jwt, localeCache, toggleDark, isDark, settings, showPassword,
+const { showLogin, openSettings, settings } = useGlobalState()
-    showAuth, adminAuth, auth, loading
-} = useGlobalState()
 const route = useRoute()
 const router = useRouter()
 const isMobile = useIsMobile()
 const isAdminRoute = computed(() => route.path.includes('admin'))
 
-const showMobileMenu = ref(false)
+const showNewEmail = ref(false)
+const showLogout = ref(false)
+const showDelteAccount = ref(false)
+const password = ref('')
+const showPassword = ref(false)
+const emailName = ref("")
+const emailDomain = ref("")
+
+const login = async () => {
+    try {
+        jwt.value = password.value;
+        await api.getSettings()
+        location.reload()
+    } catch (error) {
+        message.error(error.message || "error");
+    }
+}
+
+const logout = () => {
+    jwt.value = '';
+    location.reload()
+}
 
 const authFunc = async () => {
     try {
@@ -48,39 +62,58 @@ const { t } = useI18n({
             title: 'Cloudflare Temp Email',
             dark: 'Dark',
             light: 'Light',
-            accessHeader: 'Access Password',
+            login: 'Login',
-            accessTip: 'Please enter the correct password',
+            logout: 'Logout',
+            logoutConfirm: 'Are you sure to logout?',
+            delteAccount: "Delete Account",
+            delteAccountConfirm: "Are you sure to delete your account and all emails for this account?",
+            auth: 'Auth',
+            authTip: 'Please enter the correct auth code',
+            settings: 'Settings',
             home: 'Home',
             menu: 'Menu',
             user: 'User',
-            sendMail: 'Send Mail',
+            pleaseGetNewEmail: 'Please login or click "Get New Email" button to get a new email address',
+            getNewEmail: 'Get New Email',
+            getNewEmailTip1: 'Please input the email you want to use.',
+            getNewEmailTip2: 'Levaing it blank will generate a random email address.',
             yourAddress: 'Your email address is',
+            password: 'Password',
+            passwordTip: 'Please copy the password and you can use it to login to your email account.', cancel: 'Cancel',
             ok: 'OK',
             copy: 'Copy',
             copied: 'Copied',
-            fetchAddressError: 'Login password is invalid or account not exist, it may be network connection issue, please try again later.',
+            showPassword: 'Show Password',
-            mailV1Alert: 'You have some mails in v1, please click here to login and visit your history mails.',
+            fetchAddressError: 'Fetch address error, maybe your jwt is invalid or network error.',
-            password: 'Password',
-            passwordTip: 'Please copy the password and you can use it to login to your email account.',
         },
         zh: {
             title: 'Cloudflare 临时邮件',
             dark: '暗色',
             light: '亮色',
-            accessHeader: '访问密码',
+            login: '登录',
-            accessTip: '请输入站点访问密码',
+            logout: '登出',
+            logoutConfirm: '确定要登出吗？',
+            delteAccount: "删除账户",
+            delteAccountConfirm: "确定要删除你的账户和其中的所有邮件吗?",
+            auth: '授权',
+            authTip: '请输入正确的授权码',
+            settings: '设置',
             home: '主页',
             menu: '菜单',
             user: '用户',
-            sendMail: '发送邮件',
+            pleaseGetNewEmail: '请"登录"或点击 "获取新邮箱" 按钮来获取一个新的邮箱地址',
+            getNewEmail: '获取新邮箱',
+            getNewEmailTip1: '请输入你想要使用的邮箱地址。',
+            getNewEmailTip2: '留空将会生成一个随机的邮箱地址。',
             yourAddress: '你的邮箱地址是',
+            password: '密码',
+            passwordTip: '请复制密码，你可以使用它登录你的邮箱。',
+            cancel: '取消',
             ok: '确定',
             copy: '复制',
             copied: '已复制',
-            fetchAddressError: '登录密码无效或账号不存在，也可能是网络连接异常，请稍后再尝试。',
+            showPassword: '查看密码',
-            mailV1Alert: '你有一些 v1 版本的邮件，请点击此处登录查看。',
+            fetchAddressError: '获取地址失败, 请检查你的 jwt 是否有效 或 网络是否正常。',
-            password: '密码',
-            passwordTip: '请复制密码，你可以使用它登录你的邮箱。',
         }
     }
 });
@@ -92,10 +125,10 @@ const menuOptions = computed(() => [
         label: () => h(
             NButton,
             {
-                text: true,
+                bordered: false,
+                ghost: true,
                 size: "small",
-                style: "width: 100%",
+                onClick: () => router.push('/')
-                onClick: () => { router.push('/'); showMobileMenu.value = false; }
             },
             {
                 default: () => t('home'),
@@ -108,10 +141,10 @@ const menuOptions = computed(() => [
         label: () => h(
             NButton,
             {
-                text: true,
+                bordered: false,
+                ghost: true,
                 size: "small",
-                style: "width: 100%",
+                onClick: () => router.push('/admin')
-                onClick: () => { router.push('/admin'); showMobileMenu.value = false; }
             },
             {
                 default: () => "Admin",
@@ -125,10 +158,9 @@ const menuOptions = computed(() => [
         label: () => h(
             NButton,
             {
-                text: true,
+                bordered: false,
+                ghost: true,
                 size: "small",
-                style: "width: 100%",
-                onClick: () => { router.push("/user"); showMobileMenu.value = false; }
             },
             {
                 default: () => t('user'),
@@ -137,20 +169,74 @@ const menuOptions = computed(() => [
         ),
         show: showUserMenu.value,
         key: "user",
+        children: [
+            {
+                label: () => h(
+                    NButton,
+                    {
+                        tertiary: true,
+                        ghost: true,
+                        size: "small",
+                        onClick: () => { showPassword.value = true }
+                    },
+                    { default: () => t('showPassword') }
+                ),
+                key: "showPassword"
+            },
+            {
+                label: () => h(
+                    NButton,
+                    {
+                        tertiary: true,
+                        ghost: true,
+                        size: "small",
+                        onClick: () => { router.push('/settings') }
+                    },
+                    { default: () => t('settings') }
+                ),
+                key: "settings"
+            },
+            {
+                label: () => h(
+                    NButton,
+                    {
+                        tertiary: true,
+                        ghost: true,
+                        size: "small",
+                        onClick: () => { showLogout.value = true }
+                    },
+                    { default: () => t('logout') }
+                ),
+                key: "logout"
+            },
+            {
+                label: () => h(
+                    NButton,
+                    {
+                        tertiary: true,
+                        ghost: true,
+                        size: "small",
+                        onClick: () => { showDelteAccount.value = true }
+                    },
+                    { default: () => t('delteAccount') }
+                ),
+                key: "delte_account"
+            }
+        ]
     },
     {
         label: () => h(
             NButton,
             {
-                text: true,
+                bordered: false,
+                ghost: true,
                 size: "small",
-                style: "width: 100%",
+                onClick: () => { themeSwitch.value = !themeSwitch.value }
-                onClick: () => { toggleDark(); showMobileMenu.value = false; }
             },
             {
-                default: () => isDark.value ? t('light') : t('dark'),
+                default: () => themeSwitch.value ? t('light') : t('dark'),
                 icon: () => h(
-                    NIcon, { component: isDark.value ? LightModeFilled : DarkModeFilled }
+                    NIcon, { component: themeSwitch.value ? LightModeFilled : DarkModeFilled }
                 )
             }
         ),
@@ -160,13 +246,10 @@ const menuOptions = computed(() => [
         label: () => h(
             NButton,
             {
-                text: true,
+                bordered: false,
+                ghost: true,
                 size: "small",
-                style: "width: 100%",
+                onClick: () => localeCache.value == 'zh' ? changeLocale('en') : changeLocale('zh')
-                onClick: () => {
-                    localeCache.value == 'zh' ? changeLocale('en') : changeLocale('zh');
-                    showMobileMenu.value = false;
-                }
             },
             {
                 default: () => localeCache.value == 'zh' ? "English" : "中文",
@@ -181,9 +264,9 @@ const menuOptions = computed(() => [
         label: () => h(
             NButton,
             {
-                text: true,
+                bordered: !isMobile.value,
+                ghost: true,
                 size: "small",
-                style: "width: 100%",
                 tag: "a",
                 target: "_blank",
                 href: "https://github.com/dreamhunter2333/cloudflare_temp_email",
@@ -197,6 +280,21 @@ const menuOptions = computed(() => [
     }
 ]);
 
+const menuOptionsMobile = computed(() => [
+    {
+        label: t('menu'),
+        icon: () => h(
+            NIcon,
+            {
+                component: MenuFilled
+            }
+        ),
+        key: "menu",
+        children: menuOptions.value
+    },
+]);
+
+
 const copy = async () => {
     try {
         await toClipboard(settings.value.address)
@@ -206,88 +304,162 @@ const copy = async () => {
     }
 }
 
+const newEmail = async () => {
+    try {
+        const res = await api.fetch(
+            `/api/new_address`
+            + `?name=${emailName.value || ''}`
+            + `&domain=${emailDomain.value || ''}`
+        );
+        jwt.value = res["jwt"];
+        await api.getSettings();
+        showNewEmail.value = false;
+        showPassword.value = true;
+    } catch (error) {
+        message.error(error.message || "error");
+    }
+};
+
+const deleteAccount = async () => {
+    try {
+        await api.fetch(`/api/delete_address`, {
+            method: 'DELETE'
+        });
+        jwt.value = '';
+        location.reload()
+    } catch (error) {
+        message.error(error.message || "error");
+    }
+};
+
 onMounted(async () => {
     await api.getOpenSettings(message);
-    await api.getSettings();
+    emailDomain.value = openSettings.value.domains ? openSettings.value.domains[0].value : "";
 });
 </script>
 
 <template>
     <div>
-        <n-page-header>
+        <n-layout-header>
-            <template #title>
+            <h2 style="display: inline-block; margin-left: 10px;">{{ t('title') }}</h2>
-                <h3>{{ t('title') }}</h3>
+            <div>
-            </template>
+                <n-menu v-if="!isMobile" mode="horizontal" :options="menuOptions" />
-            <template #avatar>
+                <n-menu v-else mode="horizontal" :options="menuOptionsMobile" />
-                <n-avatar style="margin-left: 10px;" src="/logo.png" />
+            </div>
-            </template>
+        </n-layout-header>
-            <template #extra>
-                <n-space>
-                    <n-menu v-if="!isMobile" mode="horizontal" :options="menuOptions" />
-                    <n-button v-else :text="true" @click="showMobileMenu = !showMobileMenu" style="margin-right: 10px;">
-                        <template #icon>
-                            <n-icon :component="MenuFilled" />
-                        </template>
-                        {{ t('menu') }}
-                    </n-button>
-                </n-space>
-            </template>
-        </n-page-header>
-        <n-drawer v-model:show="showMobileMenu" placement="top" style="height: 100vh;">
-            <n-drawer-content :title="t('menu')" closable>
-                <n-menu :options="menuOptions" />
-            </n-drawer-content>
-        </n-drawer>
         <div v-if="!isAdminRoute">
             <n-card v-if="!settings.fetched">
                 <n-skeleton style="height: 50vh" />
             </n-card>
-            <div v-else-if="settings.address">
+            <n-alert v-else-if="settings.address" type="info" show-icon>
-                <n-alert v-if="settings.has_v1_mails" type="warning" show-icon closable>
+                <span>
-                    <span>
+                    <b>{{ t('yourAddress') }} <b>{{ settings.address }}</b></b>
-                        <n-button tag="a" target="_blank" tertiary type="info" size="small"
+                    <n-button style="margin-left: 10px" @click="copy" size="small" tertiary round type="primary">
-                            href="https://mail-v1.awsl.uk">
+                        <n-icon :component="Copy" /> {{ t('copy') }}
-                            <b>{{ t('mailV1Alert') }} </b>
+                    </n-button>
+                </span>
+            </n-alert>
+            <n-card v-else>
+                <n-result status="info" :description="t('pleaseGetNewEmail')">
+                    <template #footer>
+                        <n-alert v-if="jwt" type="warning" show-icon>
+                            <span>{{ t('fetchAddressError') }}</span>
+                        </n-alert>
+                        <n-button @click="showLogin = true" tertiary round type="primary">
+                            {{ t('login') }}
                         </n-button>
-                    </span>
+                        <n-button @click="showNewEmail = true" tertiary round type="primary">
-                </n-alert>
+                            {{ t('getNewEmail') }}
-                <n-alert type="info" show-icon>
-                    <span>
-                        <b>{{ t('yourAddress') }} <b>{{ settings.address }}</b></b>
-                        <n-button style="margin-left: 10px" @click="router.push('/send')" size="small" tertiary
-                            type="primary">
-                            <n-icon :component="SendFilled" /> {{ t('sendMail') }}
                         </n-button>
-                        <n-button style="margin-left: 10px" @click="copy" size="small" tertiary type="primary">
+                    </template>
-                            <n-icon :component="Copy" /> {{ t('copy') }}
+                </n-result>
-                        </n-button>
+            </n-card>
-                    </span>
-                </n-alert>
-            </div>
-            <div v-else class="center">
-                <n-card style="max-width: 600px;">
-                    <n-alert v-if="jwt" type="warning" show-icon>
-                        <span>{{ t('fetchAddressError') }}</span>
-                    </n-alert>
-                    <Login />
-                </n-card>
-            </div>
         </div>
-        <n-modal v-model:show="showPassword" preset="dialog" :title="t('password')">
+        <n-modal v-model:show="showNewEmail" preset="dialog" title="Dialog">
+            <template #header>
+                <div>{{ t('getNewEmail') }}</div>
+            </template>
+            <span>
+                <p>{{ t("getNewEmailTip1") }}</p>
+                <p>{{ t("getNewEmailTip2") }}</p>
+            </span>
+            <n-input-group>
+                <n-input-group-label v-if="openSettings.prefix">
+                    {{ openSettings.prefix }}
+                </n-input-group-label>
+                <n-input v-model:value="emailName" />
+                <n-input-group-label>@</n-input-group-label>
+                <n-select v-model:value="emailDomain" :consistent-menu-width="false" :options="openSettings.domains" />
+            </n-input-group>
+            <template #action>
+                <n-button @click="showNewEmail = false">
+                    {{ t('cancel') }}
+                </n-button>
+                <n-button @click="newEmail" type="primary">
+                    {{ t('ok') }}
+                </n-button>
+            </template>
+        </n-modal>
+        <n-modal v-model:show="showPassword" preset="dialog" title="Dialog">
+            <template #header>
+                <div>{{ t("password") }}</div>
+            </template>
             <span>
                 <p>{{ t("passwordTip") }}</p>
             </span>
             <n-card>
                 <b>{{ jwt }}</b>
             </n-card>
+            <template #action>
+            </template>
+        </n-modal>
+        <n-modal v-model:show="showLogin" preset="dialog" title="Dialog">
+            <template #header>
+                <div>{{ t('login') }}</div>
+            </template>
+            <n-input v-model:value="password" type="textarea" :autosize="{
+                minRows: 3
+            }" />
+            <template #action>
+                <n-button @click="login" size="small" tertiary round type="primary">
+                    {{ t('login') }}
+                </n-button>
+            </template>
+        </n-modal>
+        <n-modal v-model:show="showLogout" preset="dialog" title="Dialog">
+            <template #header>
+                <div>{{ t('logout') }}</div>
+            </template>
+            <p>{{ t('logoutConfirm') }}</p>
+            <template #action>
+                <n-button @click="logout" size="small" tertiary round type="primary">
+                    {{ t('logout') }}
+                </n-button>
+            </template>
+        </n-modal>
+        <n-modal v-model:show="showDelteAccount" preset="dialog" title="Dialog">
+            <template #header>
+                <div>{{ t('delteAccount') }}</div>
+            </template>
+            <p>{{ t('delteAccountConfirm') }}</p>
+            <template #action>
+                <n-button @click="deleteAccount" size="small" tertiary round type="error">
+                    {{ t('delteAccount') }}
+                </n-button>
+            </template>
         </n-modal>
         <n-modal v-model:show="showAuth" :closable="false" :closeOnEsc="false" :maskClosable="false" preset="dialog"
-            :title="t('accessHeader')">
+            title="Dialog">
-            <p>{{ t('accessTip') }}</p>
+            <template #header>
-            <n-input v-model:value="auth" type="textarea" :autosize="{ minRows: 3 }" />
+                <div>{{ t('auth') }}</div>
+            </template>
+            <p>{{ t('authTip') }}</p>
+            <n-input v-model:value="auth" type="textarea" :autosize="{
+                minRows: 3
+            }" />
             <template #action>
-                <n-button :loading="loading" @click="authFunc" type="primary">
+                <n-button @click="authFunc" size="small" tertiary round type="primary">
-                    {{ t('ok') }}
+                    {{ t('auth') }}
                 </n-button>
             </template>
         </n-modal>
@@ -310,16 +482,4 @@ onMounted(async () => {
 .n-card {
     margin-top: 10px;
 }
-
-.center {
-    display: flex;
-    text-align: left;
-    place-items: center;
-    justify-content: center;
-    margin: 20px;
-}
-
-.n-form .n-button {
-    margin-top: 10px;
-}
 </style>

frontend/src/views/Index.vue

@@ -1,22 +1,304 @@
 <script setup>
-import MailBox from '../components/MailBox.vue';
+import { watch, onMounted, ref } from "vue";
+import { useMessage } from 'naive-ui'
+import { useI18n } from 'vue-i18n'
 import { useGlobalState } from '../store'
 import { api } from '../api'
+import { CloudDownloadRound } from '@vicons/material'
+import { useIsMobile } from '../utils/composables'
 
-const { settings, openSettings } = useGlobalState()
+const message = useMessage()
+const isMobile = useIsMobile()
 
-const fetchMailData = async (limit, offset) => {
+const { settings, themeSwitch } = useGlobalState()
-  return await api.fetch(`/api/mails?limit=${limit}&offset=${offset}`);
+const autoRefresh = ref(false)
+const data = ref([])
+const timer = ref(null)
+
+const count = ref(0)
+const page = ref(1)
+const pageSize = ref(20)
+
+const showAttachments = ref(false)
+const curAttachments = ref([])
+const curMail = ref(null);
+
+const { t } = useI18n({
+  locale: 'zh',
+  messages: {
+    en: {
+      autoRefresh: 'Auto Refresh',
+      refresh: 'Refresh',
+      attachments: 'Show Attachments',
+      pleaseSelectMail: "Please select a mail to view."
+    },
+    zh: {
+      autoRefresh: '自动刷新',
+      refresh: '刷新',
+      attachments: '查看附件',
+      pleaseSelectMail: "请选择一封邮件查看。"
+    }
+  }
+});
+
+const setupAutoRefresh = async (autoRefresh) => {
+  if (autoRefresh) {
+    timer.value = setInterval(async () => {
+      await refresh();
+    }, 30000)
+  } else {
+    clearInterval(timer.value)
+    timer.value = null
+  }
+}
+
+watch(autoRefresh, async (autoRefresh, old) => {
+  setupAutoRefresh(autoRefresh)
+})
+
+watch([page, pageSize], async ([page, pageSize], [oldPage, oldPageSize]) => {
+  if (page !== oldPage || pageSize !== oldPageSize) {
+    await refresh();
+  }
+})
+
+const refresh = async () => {
+  if (typeof settings.value.address != 'string' || settings.value.address.trim() === '') {
+    return;
+  }
+  try {
+    const { results, count: totalCount } = await api.fetch(
+      `/api/v1/mails`
+      + `?limit=${pageSize.value}`
+      + `&offset=${(page.value - 1) * pageSize.value}`
+    );
+    data.value = results;
+    if (totalCount > 0) {
+      count.value = totalCount;
+    }
+    if (!isMobile.value && !curMail.value && data.value.length > 0) {
+      curMail.value = results[0];
+    }
+  } catch (error) {
+    message.error(error.message || "error");
+    console.error(error);
+  }
 };
 
-const deleteMail = async (curMailId) => {
+const clickRow = async (row) => {
-  await api.fetch(`/api/mails/${curMailId}`, { method: 'DELETE' });
+  curMail.value = row;
 };
+
+const getAttachments = async (attachment_id) => {
+  try {
+    const res = await api.fetch(
+      `/api/v1/attachment/${attachment_id}`
+    );
+    curAttachments.value = res
+      .filter((item) => item?.content?.data)
+      .map((item) => {
+        return {
+          id: item.contentId || Math.random().toString(36).substring(2, 15),
+          filename: item.filename || "",
+          size: item.size,
+          url: URL.createObjectURL(
+            new Blob(
+              [new Uint8Array(item.content.data)],
+              { type: item.contentType || 'application/octet-stream' }
+            ))
+        }
+      });
+    showAttachments.value = true;
+  } catch (error) {
+    message.error(error.message || "error");
+  }
+};
+
+const mailItemClass = (row) => {
+  return curMail.value && row.id == curMail.value.id ? (themeSwitch.value ? 'overlay overlay-dark-backgroud' : 'overlay overlay-light-backgroud') : '';
+};
+
+onMounted(async () => {
+  await api.getSettings();
+  await refresh();
+});
 </script>
 
 <template>
-  <div v-if="settings.address">
+  <div>
-    <MailBox :showEMailTo="false" :showReply="true" :enableUserDeleteEmail="openSettings.enableUserDeleteEmail"
+    <n-layout v-if="settings.address">
-      :fetchMailData="fetchMailData" :deleteMail="deleteMail" />
+      <n-split class="left" v-if="!isMobile" direction="horizontal" :max="0.75" :min="0.25" :default-size="0.25">
+        <template #1>
+          <div>
+            <div style="display: inline-block; margin-top: 10px; margin-bottom: 10px;">
+              <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" simple size="small" />
+            </div>
+            <n-switch v-model:value="autoRefresh" size="small">
+              <template #checked>
+                {{ t('autoRefresh') }}
+              </template>
+              <template #unchecked>
+                {{ t('autoRefresh') }}
+              </template></n-switch>
+            <n-button class="center" @click="refresh" size="small" type="primary">
+              {{ t('refresh') }}
+            </n-button>
+          </div>
+          <div style="overflow: scroll; height: 80vh;">
+            <n-list hoverable clickable>
+              <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)"
+                :class="mailItemClass(row)">
+                <n-thing class="center" :title="row.subject" style="overflow: scroll">
+                  <template #description>
+                    <n-tag type="info">
+                      ID: {{ row.id }}
+                    </n-tag>
+                    <n-tag type="info">
+                      {{ row.created_at }}
+                    </n-tag>
+                    <div style="word-break: break-all; font-size: small;">
+                      FROM: {{ row.source }}
+                    </div>
+                  </template>
+                </n-thing>
+              </n-list-item>
+            </n-list>
+          </div>
+        </template>
+        <template #2>
+          <n-card v-if="curMail" class="mail-item" :title="curMail.subject" style="overflow: scroll;">
+            <n-space>
+              <n-tag type="info">
+                ID: {{ curMail.id }}
+              </n-tag>
+              <n-tag type="info">
+                {{ curMail.created_at }}
+              </n-tag>
+              <n-tag type="info">
+                FROM: {{ curMail.source }}
+              </n-tag>
+              <n-button v-if="curMail.attachment_id" size="small" tertiary type="info"
+                @click="getAttachments(curMail.attachment_id)">
+                {{ t('attachments') }}
+              </n-button>
+            </n-space>
+            <div v-html="curMail.message" style="max-height: 100vh;"></div>
+          </n-card>
+          <n-card class="mail-item" v-else>
+            <n-result status="info" :title="t('pleaseSelectMail')">
+            </n-result>
+          </n-card>
+        </template>
+      </n-split>
+      <div class="left" v-else>
+        <div>
+          <div style="display: inline-block; margin-top: 10px; margin-bottom: 10px;">
+            <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" simple size="small" />
+          </div>
+          <n-switch v-model:value="autoRefresh" size="small">
+            <template #checked>
+              {{ t('autoRefresh') }}
+            </template>
+            <template #unchecked>
+              {{ t('autoRefresh') }}
+            </template></n-switch>
+          <n-button class="center" @click="refresh" size="small" type="primary">
+            {{ t('refresh') }}
+          </n-button>
+        </div>
+        <div id="drawer-target" style="overflow: scroll; max-height: 80vh;">
+          <n-list hoverable clickable>
+            <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)">
+              <n-thing class="center" :title="row.subject" style="overflow: scroll">
+                <template #description>
+                  <n-tag type="info">
+                    ID: {{ row.id }}
+                  </n-tag>
+                  <n-tag type="info">
+                    {{ row.created_at }}
+                  </n-tag>
+                  <div style="word-break: break-all; font-size: small;">
+                    FROM: {{ row.source }}
+                  </div>
+                </template>
+              </n-thing>
+            </n-list-item>
+          </n-list>
+        </div>
+        <n-drawer v-model:show="curMail" width="100%" :trap-focus="false" :block-scroll="false" to="#drawer-target">
+          <n-drawer-content :title="curMail.subject" closable>
+            <n-card style="overflow: scroll;">
+              <n-space>
+                <n-tag type="info">
+                  ID: {{ curMail.id }}
+                </n-tag>
+                <n-tag type="info">
+                  {{ curMail.created_at }}
+                </n-tag>
+                <n-tag type="info">
+                  FROM: {{ curMail.source }}
+                </n-tag>
+                <n-button v-if="curMail.attachment_id" size="small" tertiary type="info"
+                  @click="getAttachments(curMail.attachment_id)">
+                  {{ t('attachments') }}
+                </n-button>
+              </n-space>
+              <div v-html="curMail.message" style="max-height: 100vh;"></div>
+            </n-card>
+          </n-drawer-content>
+        </n-drawer>
+      </div>
+    </n-layout>
+    <n-modal v-model:show="showAttachments" preset="dialog" title="Dialog">
+      <template #header>
+        <div>{{ t("attachments") }}</div>
+      </template>
+      <n-list hoverable clickable>
+        <n-list-item v-for="row in curAttachments" v-bind:key="row.id">
+          <n-thing class="center" :title="row.filename">
+            <template #description>
+              <n-space>
+                <n-tag type="info">
+                  Size: {{ row.size }}
+                </n-tag>
+              </n-space>
+            </template>
+          </n-thing>
+          <template #suffix>
+            <n-button tag="a" target="_blank" tertiary type="info" size="small'" :download="row.filename"
+              :href="row.url">
+              <n-icon :component="CloudDownloadRound" />
+            </n-button>
+          </template>
+        </n-list-item>
+      </n-list>
+      <template #action>
+      </template>
+    </n-modal>
   </div>
 </template>
+
+<style scoped>
+.left {
+  overflow: scroll;
+  text-align: left;
+}
+
+.overlay {
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+}
+
+.overlay-dark-backgroud {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.overlay-light-backgroud {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.mail-item {
+  height: 100%;
+}
+</style>

frontend/src/views/Login.vue

@@ -1,166 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue'
-import { useI18n } from 'vue-i18n'
-import AdminContact from './admin/AdminContact.vue'
-
-import { useGlobalState } from '../store'
-import { api } from '../api'
-const message = useMessage()
-
-const {
-    jwt, localeCache, loading, openSettings, showPassword
-} = useGlobalState()
-
-const tabValue = ref('signin')
-const password = ref('')
-const emailName = ref("")
-const emailDomain = ref("")
-
-const login = async () => {
-    if (!password.value) {
-        message.error(t('passwordInput'));
-        return;
-    }
-    try {
-        jwt.value = password.value;
-        await api.getSettings()
-        location.reload()
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            login: 'Login',
-            pleaseGetNewEmail: 'Please login or click "Get New Email" button to get a new email address',
-            getNewEmail: 'Get New Email',
-            getNewEmailTip1: 'Please input the email you want to use. only allow ., a-z, A-Z and 0-9',
-            getNewEmailTip2: 'Levaing it blank will generate a random email address.',
-            getNewEmailTip3: 'You can choose a domain from the dropdown list.',
-            password: 'Password',
-            ok: 'OK',
-            generateName: 'Generate Fake Name',
-            help: 'Help',
-            passwordInput: 'Please input the password',
-        },
-        zh: {
-            login: '登录',
-            pleaseGetNewEmail: '请"登录"或点击 "获取新邮箱" 按钮来获取一个新的邮箱地址',
-            getNewEmail: '注册新邮箱',
-            getNewEmailTip1: '请输入你想要使用的邮箱地址, 只允许 ., a-z, A-Z, 0-9',
-            getNewEmailTip2: '留空将会生成一个随机的邮箱地址。',
-            getNewEmailTip3: '你可以从下拉列表中选择一个域名。',
-            password: '密码',
-            ok: '确定',
-            generateName: '生成随机名字',
-            help: '帮助',
-            passwordInput: '请输入密码',
-        }
-    }
-});
-
-const generateNameLoading = ref(false);
-const generateName = async () => {
-    try {
-        generateNameLoading.value = true;
-        const { faker } = await import('https://esm.sh/@faker-js/faker');
-        emailName.value = faker.person
-            .fullName()
-            .replace(/\s+/g, '.')
-            .replace(/[^a-zA-Z0-9.]/g, '')
-            .toLowerCase();
-    } catch (error) {
-        message.error(error.message || "error");
-    } finally {
-        generateNameLoading.value = false;
-    }
-};
-
-const newEmail = async () => {
-    try {
-        const res = await api.fetch(
-            `/api/new_address`
-            + `?name=${emailName.value || ''}`
-            + `&domain=${emailDomain.value || ''}`
-        );
-        jwt.value = res["jwt"];
-        await api.getSettings();
-        showPassword.value = true;
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-};
-
-onMounted(async () => {
-    emailDomain.value = openSettings.value.domains ? openSettings.value.domains[0].value : "";
-});
-</script>
-
-<template>
-    <div>
-        <n-tabs v-model:value="tabValue" size="large" justify-content="space-evenly">
-            <n-tab-pane name="signin" :tab="t('login')">
-                <n-form>
-                    <n-form-item-row :label="t('password')" required>
-                        <n-input v-model:value="password" type="textarea" :autosize="{ minRows: 3 }" />
-                    </n-form-item-row>
-                    <n-button @click="login" :loading="loading" type="primary" block secondary strong>
-                        {{ t('login') }}
-                    </n-button>
-                    <n-button v-if="openSettings.enableUserCreateEmail" @click="tabValue = 'register'" block secondary
-                        strong>
-                        {{ t('getNewEmail') }}
-                    </n-button>
-                </n-form>
-            </n-tab-pane>
-            <n-tab-pane v-if="openSettings.enableUserCreateEmail" name="register" :tab="t('getNewEmail')">
-                <n-spin :show="generateNameLoading">
-                    <n-form>
-                        <span>
-                            <p>{{ t("getNewEmailTip1") }}</p>
-                            <p>{{ t("getNewEmailTip2") }}</p>
-                            <p>{{ t("getNewEmailTip3") }}</p>
-                        </span>
-                        <n-button @click="generateName" style="margin-bottom: 10px;">
-                            {{ t('generateName') }}
-                        </n-button>
-                        <n-input-group>
-                            <n-input-group-label v-if="openSettings.prefix">
-                                {{ openSettings.prefix }}
-                            </n-input-group-label>
-                            <n-input v-model:value="emailName" />
-                            <n-input-group-label>@</n-input-group-label>
-                            <n-select v-model:value="emailDomain" :consistent-menu-width="false"
-                                :options="openSettings.domains" />
-                        </n-input-group>
-                        <n-button type="primary" block secondary strong @click="newEmail" :loading="loading">
-                            {{ t('ok') }}
-                        </n-button>
-                    </n-form>
-                </n-spin>
-            </n-tab-pane>
-            <n-tab-pane name="help" :tab="t('help')">
-                <n-alert type="info" show-icon>
-                    <span>{{ t('pleaseGetNewEmail') }}</span>
-                </n-alert>
-                <AdminContact />
-            </n-tab-pane>
-        </n-tabs>
-    </div>
-</template>
-
-
-<style scoped>
-.n-alert {
-    margin-top: 10px;
-    margin-bottom: 10px;
-    text-align: center;
-}
-
-.n-form .n-button {
-    margin-top: 10px;
-}
-</style>

frontend/src/views/Settings.vue

@@ -2,8 +2,9 @@
 import { useI18n } from 'vue-i18n'
 import { onMounted, ref } from 'vue'
 
-import { useGlobalState } from '../../store'
+import Header from './Header.vue'
-import { api } from '../../api'
+import { useGlobalState } from '../store'
+import { api } from '../api'
 
 const message = useMessage()
 const sourcePrefix = ref("")
@@ -41,22 +42,18 @@ const { t } = useI18n({
     }
 });
 
-const fetchData = async () => {
+const getSettings = async () => {
-    try {
+    await api.getSettings()
-        const res = await api.fetch("/api/auto_reply")
+    sourcePrefix.value = settings.value.auto_reply.source_prefix || ""
-        sourcePrefix.value = res.source_prefix || ""
+    enableAutoReply.value = settings.value.auto_reply.enabled || false
-        enableAutoReply.value = res.enabled || false
+    name.value = settings.value.auto_reply.name || ""
-        name.value = res.name || ""
+    autoReplyMessage.value = settings.value.auto_reply.message || ""
-        autoReplyMessage.value = res.message || ""
+    subject.value = settings.value.auto_reply.subject || ""
-        subject.value = res.subject || ""
-    } catch (error) {
-        message.error(error.message || "error");
-    }
 }
 
-const saveData = async () => {
+const saveSettings = async () => {
     try {
-        await api.fetch("/api/auto_reply", {
+        await api.fetch("/api/settings", {
             method: "POST",
             body: JSON.stringify({
                 auto_reply: {
@@ -75,7 +72,7 @@ const saveData = async () => {
 }
 
 onMounted(async () => {
-    await fetchData()
+    await getSettings()
 })
 </script>
 
@@ -83,7 +80,7 @@ onMounted(async () => {
     <div class="center">
         <n-card v-if="settings.address" :title='t("settings")'>
             <div class="right">
-                <n-button type="primary" @click="saveData">{{ t('save') }}</n-button>
+                <n-button type="primary" @click="saveSettings">{{ t('save') }}</n-button>
             </div>
             <div class="left">
                 <n-form-item :label="t('enableAutoReply')" label-placement="left">

frontend/src/views/User.vue

@@ -1,46 +0,0 @@
-<script setup>
-import { useI18n } from 'vue-i18n'
-import { useStorage } from '@vueuse/core'
-
-import { useGlobalState } from '../store'
-
-import AutoReply from './user/AutoReply.vue';
-import SendBox from './send/SendBox.vue';
-import Account from './user/Account.vue';
-
-const { localeCache, settings, openSettings } = useGlobalState()
-const userTab = useStorage('userTab', 'account')
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            sendbox: 'Send Box',
-            auto_reply: 'Auto Reply',
-            account: 'Account',
-        },
-        zh: {
-            sendbox: '发件箱',
-            auto_reply: '自动回复',
-            account: '账户',
-        }
-    }
-});
-
-</script>
-
-<template>
-    <div v-if="settings.address">
-        <n-tabs type="card" v-model:value="userTab">
-            <n-tab-pane name="account" :tab="t('account')">
-                <Account />
-            </n-tab-pane>
-            <n-tab-pane name="sendbox" :tab="t('sendbox')">
-                <SendBox />
-            </n-tab-pane>
-            <n-tab-pane v-if="openSettings.enableAutoReply" name="auto_reply" :tab="t('auto_reply')">
-                <AutoReply />
-            </n-tab-pane>
-        </n-tabs>
-    </div>
-</template>

frontend/src/views/admin/Account.vue

@@ -1,308 +0,0 @@
-<script setup>
-import { ref, h, onMounted, watch } from 'vue';
-import { NBadge } from 'naive-ui'
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-import { NButton, NMenu } from 'naive-ui';
-import { MenuFilled } from '@vicons/material'
-
-const {
-    localeCache, adminAuth, showAdminAuth, loading,
-    adminTab, adminMailTabAddress, adminSendBoxTabAddress
-} = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            name: 'Name',
-            created_at: 'Created At',
-            updated_at: 'Update At',
-            mail_count: 'Mail Count',
-            send_count: 'Send Count',
-            showPass: 'Show Passwrod',
-            password: 'Password',
-            passwordTip: 'Please copy the password and you can use it to login to your email account.',
-            delete: 'Delete',
-            deleteTip: 'Are you sure to delete this email?',
-            delteAccount: 'Delete Account',
-            viewMails: 'View Mails',
-            viewSendBox: 'View SendBox',
-            itemCount: 'itemCount',
-            query: 'Query',
-            addressQueryTip: 'Leave blank to query all addresses',
-            actions: 'Actions'
-        },
-        zh: {
-            name: '名称',
-            created_at: '创建时间',
-            updated_at: '更新时间',
-            mail_count: '邮件数量',
-            send_count: '发送数量',
-            showPass: '显示密码',
-            password: '密码',
-            passwordTip: '请复制密码，你可以使用它登录你的邮箱。',
-            delete: '删除',
-            deleteTip: '确定要删除这个邮箱吗？',
-            delteAccount: '删除邮箱',
-            viewMails: '查看邮件',
-            viewSendBox: '查看发件箱',
-            itemCount: '总数',
-            query: '查询',
-            addressQueryTip: '留空查询所有地址',
-            actions: '操作',
-        }
-    }
-});
-
-const showEmailPassword = ref(false)
-const curEmailPassword = ref("")
-const curDeleteAddressId = ref(0);
-
-const addressQuery = ref("")
-
-const data = ref([])
-const count = ref(0)
-const page = ref(1)
-const pageSize = ref(20)
-const showDelteAccount = ref(false)
-
-const showPassword = async (id) => {
-    try {
-        curEmailPassword.value = await api.adminShowPassword(id)
-        showEmailPassword.value = true
-    } catch (error) {
-        message.error(error.message || "error");
-        showEmailPassword.value = false
-        curEmailPassword.value = ""
-    }
-}
-
-const deleteEmail = async () => {
-    try {
-        await api.adminDeleteAddress(curDeleteAddressId.value)
-        message.success("success");
-        await fetchData()
-    } catch (error) {
-        message.error(error.message || "error");
-        showDelteAccount.value = false
-    }
-}
-
-const fetchData = async () => {
-    try {
-        const { results, count: addressCount } = await api.fetch(
-            `/admin/address`
-            + `?limit=${pageSize.value}`
-            + `&offset=${(page.value - 1) * pageSize.value}`
-            + (addressQuery.value ? `&query=${addressQuery.value}` : "")
-        );
-        data.value = results;
-        if (addressCount > 0) {
-            count.value = addressCount;
-        }
-    } catch (error) {
-        console.log(error)
-        message.error(error.message || "error");
-    }
-}
-
-const columns = [
-    {
-        title: "ID",
-        key: "id"
-    },
-    {
-        title: t('name'),
-        key: "name"
-    },
-    {
-        title: t('created_at'),
-        key: "created_at"
-    },
-    {
-        title: t('updated_at'),
-        key: "updated_at"
-    },
-    {
-        title: t('mail_count'),
-        key: "mail_count",
-        render(row) {
-            return h(NButton,
-                {
-                    text: true,
-                    onClick: () => {
-                        if (row.mail_count > 0) {
-                            adminMailTabAddress.value = row.name;
-                            adminTab.value = "mails";
-                        }
-                    }
-                },
-                {
-                    icon: () => h(NBadge, {
-                        value: row.mail_count,
-                        'show-zero': true,
-                        max: 99,
-                        type: "success"
-                    }),
-                    default: () => row.mail_count > 0 ? t('viewMails') : ""
-                }
-            )
-        }
-    },
-    {
-        title: t('send_count'),
-        key: "send_count",
-        render(row) {
-            return h(NButton,
-                {
-                    text: true,
-                    onClick: () => {
-                        if (row.send_count > 0) {
-                            adminSendBoxTabAddress.value = row.name;
-                            adminTab.value = "sendBox";
-                        }
-                    }
-                },
-                {
-                    icon: () => h(NBadge, {
-                        value: row.send_count,
-                        'show-zero': true,
-                        max: 99,
-                        type: "success"
-                    }),
-                    default: () => row.send_count > 0 ? t('viewSendBox') : ""
-                }
-            )
-        }
-    },
-    {
-        title: t('actions'),
-        key: 'actions',
-        render(row) {
-            return h('div', [
-                h(NMenu, {
-                    mode: "horizontal",
-                    options: [
-                        {
-                            label: t('actions'),
-                            icon: () => h(MenuFilled),
-                            key: "action",
-                            children: [
-                                {
-                                    label: () => h(NButton,
-                                        {
-                                            text: true,
-                                            onClick: () => showPassword(row.id)
-                                        },
-                                        { default: () => t('showPass') }
-                                    ),
-                                },
-                                {
-                                    label: () => h(NButton,
-                                        {
-                                            text: true,
-                                            onClick: () => {
-                                                adminMailTabAddress.value = row.name;
-                                                adminTab.value = "mails";
-                                            }
-                                        },
-                                        { default: () => t('viewMails') }
-                                    )
-                                },
-                                {
-                                    label: () => h(NButton,
-                                        {
-                                            text: true,
-                                            onClick: () => {
-                                                adminSendBoxTabAddress.value = row.name;
-                                                adminTab.value = "sendBox";
-                                            }
-                                        },
-                                        { default: () => t('viewSendBox') }
-                                    )
-                                },
-                                {
-                                    label: () => h(NButton,
-                                        {
-                                            text: true,
-                                            onClick: () => {
-                                                curDeleteAddressId.value = row.id;
-                                                showDelteAccount.value = true;
-                                            }
-                                        },
-                                        { default: () => t('delete') }
-                                    )
-                                }
-                            ]
-                        }
-                    ]
-                })
-            ])
-        }
-    }
-]
-
-watch([page, pageSize], async () => {
-    await fetchData()
-})
-
-onMounted(async () => {
-    if (!adminAuth.value) {
-        showAdminAuth.value = true;
-        return;
-    }
-    await fetchData()
-})
-</script>
-
-<template>
-    <div>
-        <n-modal v-model:show="showEmailPassword" preset="dialog" title="Dialog">
-            <template #header>
-                <div>{{ t("password") }}</div>
-            </template>
-            <span>
-                <p>{{ t("passwordTip") }}</p>
-            </span>
-            <n-card>
-                <b>{{ curEmailPassword }}</b>
-            </n-card>
-            <template #action>
-            </template>
-        </n-modal>
-        <n-modal v-model:show="showDelteAccount" preset="dialog" :title="t('delteAccount')">
-            <p>{{ t('deleteTip') }}</p>
-            <template #action>
-                <n-button :loading="loading" @click="deleteEmail" size="small" tertiary type="error">
-                    {{ t('delteAccount') }}
-                </n-button>
-            </template>
-        </n-modal>
-        <n-input-group>
-            <n-input v-model:value="addressQuery" clearable :placeholder="t('addressQueryTip')" />
-            <n-button @click="fetchData" type="primary" ghost>
-                {{ t('query') }}
-            </n-button>
-        </n-input-group>
-        <div style="display: inline-block;">
-            <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count"
-                :page-sizes="[20, 50, 100]" show-size-picker>
-                <template #prefix="{ itemCount }">
-                    {{ t('itemCount') }}: {{ itemCount }}
-                </template>
-            </n-pagination>
-        </div>
-        <n-data-table :columns="columns" :data="data" :bordered="false" />
-    </div>
-</template>
-
-<style scoped>
-.n-pagination {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-</style>

frontend/src/views/admin/AccountSettings.vue

@@ -1,82 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const { localeCache, loading } = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            save: 'Save',
-            successTip: 'Save Success',
-            address_block_list: 'Address Block Keywords for Users(Admin can skip)',
-            address_block_list_placeholder: 'Please enter the keywords you want to block',
-        },
-        zh: {
-            save: '保存',
-            successTip: '保存成功',
-            address_block_list: '用户地址屏蔽关键词(管理员可跳过检查)',
-            address_block_list_placeholder: '请输入您想要屏蔽的关键词',
-        }
-    }
-});
-
-const addressBlockList = ref([])
-
-const fetchData = async () => {
-    try {
-        const res = await api.fetch(`/admin/account_settings`)
-        addressBlockList.value = res.blockList || []
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-const save = async () => {
-    try {
-        await api.fetch(`/admin/account_settings`, {
-            method: 'POST',
-            body: JSON.stringify({
-                blockList: addressBlockList.value || []
-            })
-        })
-        message.success(t('successTip'))
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-
-onMounted(async () => {
-    await fetchData();
-})
-</script>
-
-<template>
-    <div class="center">
-        <n-card style="max-width: 600px;">
-            <n-form-item-row :label="t('address_block_list')">
-                <n-select v-model:value="addressBlockList" filterable multiple tag
-                    :placeholder="t('address_block_list_placeholder')" />
-            </n-form-item-row>
-            <n-button @click="save" type="primary" block :loading="loading">
-                {{ t('save') }}
-            </n-button>
-        </n-card>
-    </div>
-</template>
-
-<style scoped>
-.center {
-    display: flex;
-    text-align: left;
-    place-items: center;
-    justify-content: center;
-    margin: 20px;
-}
-</style>

frontend/src/views/admin/AdminContact.vue

@@ -1,23 +0,0 @@
-<script setup>
-import { useI18n } from 'vue-i18n'
-import { useGlobalState } from '../../store'
-const { localeCache, openSettings } = useGlobalState()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            adminContact: 'If you need help, please contact the administrator ({msg})',
-        },
-        zh: {
-            adminContact: '如果你需要帮助，请联系管理员 ({msg})',
-        }
-    }
-});
-</script>
-
-<template>
-    <n-alert v-if="openSettings.adminContact" type="info" show-icon>
-        <span>{{ t('adminContact', { msg: openSettings.adminContact }) }}</span>
-    </n-alert>
-</template>

frontend/src/views/admin/CreateAccount.vue

@@ -1,109 +0,0 @@
-<script setup>
-import { onMounted, ref } from 'vue';
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const {
-    localeCache, loading, openSettings,
-} = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            address: 'Address',
-            enablePrefix: 'If enable Prefix',
-            creatNewEmail: 'Get New Email',
-            fillInAllFields: 'Please fill in all fields',
-            successTip: 'Success Created',
-            password: 'Password',
-        },
-        zh: {
-            address: '地址',
-            enablePrefix: '是否启用前缀',
-            creatNewEmail: '创建新邮箱',
-            fillInAllFields: '请填写完整信息',
-            successTip: '创建成功',
-            password: '密码',
-        }
-    }
-});
-
-const enablePrefix = ref(true)
-const emailName = ref("")
-const emailDomain = ref("")
-const showReultModal = ref(false)
-const result = ref("")
-
-const newEmail = async () => {
-    if (!emailName.value || !emailDomain.value) {
-        message.error(t('fillInAllFields'))
-        return
-    }
-    try {
-        const res = await api.fetch(`/admin/new_address`, {
-            method: 'POST',
-            body: JSON.stringify({
-                enablePrefix: enablePrefix.value,
-                name: emailName.value,
-                domain: emailDomain.value,
-            })
-        })
-        result.value = res["jwt"];
-        message.success(t('successTip'))
-        showReultModal.value = true
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-onMounted(async () => {
-    if (openSettings.prefix) {
-        enablePrefix.value = true
-    }
-    emailDomain.value = openSettings.value.domains?.[0]?.value || ""
-})
-</script>
-
-<template>
-    <div class="center">
-        <n-modal v-model:show="showReultModal" preset="dialog" :title="t('password')">
-            <p>{{ t('password') }}</p>
-            <n-card>
-                <b>{{ result }}</b>
-            </n-card>
-        </n-modal>
-        <n-card style="max-width: 600px;">
-            <n-form-item-row v-if="openSettings.prefix" :label="t('enablePrefix')">
-                <n-checkbox v-model:checked="enablePrefix" />
-            </n-form-item-row>
-            <n-form-item-row :label="t('address')">
-                <n-input-group>
-                    <n-input-group-label v-if="enablePrefix && openSettings.prefix">
-                        {{ openSettings.prefix }}
-                    </n-input-group-label>
-                    <n-input v-model:value="emailName" />
-                    <n-input-group-label>@</n-input-group-label>
-                    <n-select v-model:value="emailDomain" :consistent-menu-width="false"
-                        :options="openSettings.domains" />
-                </n-input-group>
-            </n-form-item-row>
-            <n-button @click="newEmail" type="primary" block :loading="loading">
-                {{ t('creatNewEmail') }}
-            </n-button>
-        </n-card>
-    </div>
-</template>
-
-<style scoped>
-.center {
-    display: flex;
-    text-align: left;
-    place-items: center;
-    justify-content: center;
-    margin: 20px;
-}
-</style>

frontend/src/views/admin/Mails.vue

@@ -1,61 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-import MailBox from '../../components/MailBox.vue';
-
-const {
-    localeCache, adminAuth, showAdminAuth,
-    adminMailTabAddress
-} = useGlobalState()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            addressQueryTip: 'Leave blank to query all addresses',
-            query: 'Query',
-        },
-        zh: {
-            addressQueryTip: '留空查询所有地址',
-            query: '查询',
-        }
-    }
-});
-
-const mailBoxKey = ref("")
-
-const queryAddress = () => {
-    mailBoxKey.value = adminMailTabAddress.value;
-}
-
-const fetchMailData = async (limit, offset) => {
-    return await api.fetch(
-        `/admin/mails`
-        + `?limit=${limit}`
-        + `&offset=${offset}`
-        + (adminMailTabAddress.value ? `&address=${adminMailTabAddress.value}` : '')
-    );
-}
-
-onMounted(async () => {
-    if (!adminAuth.value) {
-        showAdminAuth.value = true;
-        return;
-    }
-})
-</script>
-
-<template>
-    <div>
-        <n-input-group>
-            <n-input v-model:value="adminMailTabAddress" :placeholder="t('addressQueryTip')" />
-            <n-button @click="queryAddress" type="primary" ghost>
-                {{ t('query') }}
-            </n-button>
-        </n-input-group>
-        <MailBox :key="mailBoxKey" :enableUserDeleteEmail="false" :fetchMailData="fetchMailData" />
-    </div>
-</template>

frontend/src/views/admin/MailsUnknow.vue

@@ -1,30 +0,0 @@
-<script setup>
-import { onMounted } from 'vue';
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-import MailBox from '../../components/MailBox.vue';
-
-const { adminAuth, showAdminAuth } = useGlobalState()
-
-const fetchMailUnknowData = async (limit, offset) => {
-    return await api.fetch(
-        `/admin/mails_unknow`
-        + `?limit=${limit}`
-        + `&offset=${offset}`
-    );
-}
-
-onMounted(async () => {
-    if (!adminAuth.value) {
-        showAdminAuth.value = true;
-        return;
-    }
-})
-</script>
-
-<template>
-    <div v-if="adminAuth">
-        <MailBox :enableUserDeleteEmail="false" :fetchMailData="fetchMailUnknowData" />
-    </div>
-</template>

frontend/src/views/admin/Maintenance.vue

@@ -1,169 +0,0 @@
-<script setup>
-import { ref, h, onMounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n'
-import { CleaningServicesFilled } from '@vicons/material'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const { localeCache, adminAuth, showAdminAuth } = useGlobalState()
-const message = useMessage()
-const cleanupModel = ref({
-    enableMailsAutoCleanup: false,
-    cleanMailsDays: 30,
-    enableUnknowMailsAutoCleanup: false,
-    cleanUnknowMailsDays: 30,
-    enableAddressAutoCleanup: false,
-    cleanAddressDays: 30,
-    enableSendBoxAutoCleanup: false,
-    cleanSendBoxDays: 30,
-})
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            tip: 'Please input the cleanup days',
-            mailBoxLabel: 'Clean up days for mailbox',
-            mailUnknowLabel: "Clean up days for unknow receiver",
-            addressUnActiveLabel: "Clean up days for unactive address",
-            sendBoxLabel: "Clean up days for sendbox",
-            cleanupNow: "Cleanup now",
-            autoCleanup: "Auto cleanup",
-            cleanupSuccess: "Cleanup success",
-            save: "Save",
-        },
-        zh: {
-            tip: '请输入清理天数',
-            mailBoxLabel: '收件箱清理天数',
-            mailUnknowLabel: "无收件人邮件清理天数",
-            addressUnActiveLabel: "未激活地址清理天数",
-            sendBoxLabel: "发件箱清理天数",
-            autoCleanup: "自动清理",
-            cleanupSuccess: "清理成功",
-            cleanupNow: "立即清理",
-            save: "保存",
-        }
-    }
-});
-
-const cleanup = async (cleanType, cleanDays) => {
-    try {
-        await api.fetch('/admin/cleanup', {
-            method: 'POST',
-            body: JSON.stringify({ cleanType, cleanDays })
-        });
-        message.success(t('cleanupSuccess'));
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-const fetchData = async () => {
-    try {
-        const res = await api.fetch('/admin/auto_cleanup');
-        if (res) Object.assign(cleanupModel.value, res);
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-const save = async () => {
-    try {
-        await api.fetch('/admin/auto_cleanup', {
-            method: 'POST',
-            body: JSON.stringify(cleanupModel.value)
-        });
-        message.success(t('cleanupSuccess'));
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-onMounted(async () => {
-    if (!adminAuth.value) {
-        showAdminAuth.value = true;
-        return;
-    }
-    await fetchData();
-})
-</script>
-
-
-<template>
-    <div class="center">
-        <n-card>
-            <n-form :model="cleanupModel">
-                <n-form-item-row :label="t('mailBoxLabel')">
-                    <n-checkbox v-model:checked="cleanupModel.enableMailsAutoCleanup">
-                        {{ t('autoCleanup') }}
-                    </n-checkbox>
-                    <n-input-number v-model:value="cleanupModel.cleanMailsDays" :placeholder="t('tip')" />
-                    <n-button @click="cleanup('mails', cleanupModel.cleanMailsDays)">
-                        <template #icon>
-                            <n-icon :component="CleaningServicesFilled" />
-                        </template>
-                        {{ t('cleanupNow') }}
-                    </n-button>
-                </n-form-item-row>
-                <n-form-item-row :label="t('mailUnknowLabel')">
-                    <n-checkbox v-model:checked="cleanupModel.enableUnknowMailsAutoCleanup">
-                        {{ t('autoCleanup') }}
-                    </n-checkbox>
-                    <n-input-number v-model:value="cleanupModel.cleanUnknowMailsDays" :placeholder="t('tip')" />
-                    <n-button @click="cleanup('mails_unknow', cleanupModel.cleanUnknowMailsDays)">
-                        <template #icon>
-                            <n-icon :component="CleaningServicesFilled" />
-                        </template>
-                        {{ t('cleanupNow') }}
-                    </n-button>
-                </n-form-item-row>
-                <n-form-item-row :label="t('addressUnActiveLabel')">
-                    <n-checkbox v-model:checked="cleanupModel.enableAddressAutoCleanup">
-                        {{ t('autoCleanup') }}
-                    </n-checkbox>
-                    <n-input-number v-model:value="cleanupModel.cleanAddressDays" :placeholder="t('tip')" />
-                    <n-button @click="cleanup('address', cleanupModel.cleanAddressDays)">
-                        <template #icon>
-                            <n-icon :component="CleaningServicesFilled" />
-                        </template>
-                        {{ t('cleanupNow') }}
-                    </n-button>
-                </n-form-item-row>
-                <n-form-item-row :label="t('mailBoxLabel')">
-                    <n-checkbox v-model:checked="cleanupModel.enableSendBoxAutoCleanup">
-                        {{ t('autoCleanup') }}
-                    </n-checkbox>
-                    <n-input-number v-model:value="cleanupModel.cleanSendBoxDays" :placeholder="t('tip')" />
-                    <n-button @click="cleanup('sendbox', cleanupModel.cleanSendBoxDays)">
-                        <template #icon>
-                            <n-icon :component="CleaningServicesFilled" />
-                        </template>
-                        {{ t('cleanupNow') }}
-                    </n-button>
-                </n-form-item-row>
-                <n-button @click="save" type="primary" block :loading="loading">
-                    {{ t('save') }}
-                </n-button>
-            </n-form>
-        </n-card>
-    </div>
-</template>
-
-<style scoped>
-.n-card {
-    max-width: 800px;
-}
-
-.center {
-    display: flex;
-    text-align: center;
-    place-items: center;
-    justify-content: center;
-}
-
-.item {
-    display: flex;
-    margin: 10px;
-}
-</style>

frontend/src/views/admin/SendBox.vue

@@ -1,159 +0,0 @@
-<script setup>
-import { ref, h, onMounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const { localeCache, settings, adminAuth, adminSendBoxTabAddress } = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            address: 'Address',
-            success: 'Success',
-            to_mail: 'To Mail',
-            subject: 'Subject',
-            created_at: 'Created At',
-            action: 'Action',
-            query: 'Query',
-            itemCount: 'itemCount',
-            view: 'View',
-        },
-        zh: {
-            address: '地址',
-            success: '成功',
-            to_mail: '收件人邮箱',
-            subject: '主题',
-            created_at: '创建时间',
-            action: '操作',
-            query: '查询',
-            itemCount: '总数',
-            view: '查看',
-        }
-    }
-});
-const data = ref([])
-const count = ref(0)
-const page = ref(1)
-const pageSize = ref(20)
-
-const curRow = ref({})
-const showModal = ref(false)
-
-const fetchData = async () => {
-    try {
-        const { results, count: addressCount } = await api.fetch(
-            `/admin/sendbox`
-            + `?limit=${pageSize.value}`
-            + `&offset=${(page.value - 1) * pageSize.value}`
-            + (adminSendBoxTabAddress.value ? `&address=${adminSendBoxTabAddress.value}` : '')
-        );
-        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.raw = JSON.stringify(data, null, 2);
-            } catch (error) {
-                console.log(error);
-            }
-            return item;
-        });
-        if (addressCount > 0) {
-            count.value = addressCount;
-        }
-    } catch (error) {
-        console.log(error)
-        message.error(error.message || "error");
-    }
-}
-
-const columns = [
-    {
-        title: "ID",
-        key: "id"
-    },
-    {
-        title: t('address'),
-        key: "address"
-    },
-    {
-        title: t('to_mail'),
-        key: "to_mail"
-    },
-    {
-        title: t('subject'),
-        key: "subject"
-    },
-    {
-        title: t('created_at'),
-        key: "created_at"
-    },
-    {
-        title: t('action'),
-        key: 'actions',
-        render(row) {
-            return h('div', [
-                h(NButton,
-                    {
-                        type: 'success',
-                        ghost: true,
-                        onClick: () => {
-                            showModal.value = true;
-                            curRow.value = row;
-                        }
-                    },
-                    { default: () => t('view') }
-                )
-            ])
-        }
-    }
-]
-
-watch([page, pageSize], async () => {
-    await fetchData()
-})
-
-onMounted(async () => {
-    if (!adminAuth.value) {
-        showAdminAuth.value = true;
-        return;
-    }
-    await fetchData()
-})
-</script>
-
-<template>
-    <div v-if="settings.address">
-        <n-modal v-model:show="showModal" preset="dialog">
-            <pre>{{ curRow.raw }}</pre>
-        </n-modal>
-        <n-input-group>
-            <n-input v-model:value="adminSendBoxTabAddress" />
-            <n-button @click="fetchData" type="primary" ghost>
-                {{ t('query') }}
-            </n-button>
-        </n-input-group>
-        <div style="display: inline-block;">
-            <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count"
-                :page-sizes="[20, 50, 100]" show-size-picker>
-                <template #prefix="{ itemCount }">
-                    {{ t('itemCount') }}: {{ itemCount }}
-                </template>
-            </n-pagination>
-        </div>
-        <n-data-table :columns="columns" :data="data" :bordered="false" />
-    </div>
-</template>
-
-<style scoped>
-.n-pagination {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-</style>

frontend/src/views/admin/SenderAccess.vue

@@ -1,194 +0,0 @@
-<script setup>
-import { ref, h, onMounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const { localeCache, loading } = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-  locale: localeCache.value || 'zh',
-  messages: {
-    en: {
-      address: 'Address',
-      success: 'Success',
-      enable: 'Enable',
-      disable: 'Disable',
-      modify: 'Modify',
-      created_at: 'Created At',
-      action: 'Action',
-      itemCount: 'itemCount',
-      modalTip: 'Please input the sender balance',
-      balance: 'Balance',
-      query: 'Query',
-      ok: 'OK'
-    },
-    zh: {
-      address: '地址',
-      success: '成功',
-      enable: '启用',
-      disable: '禁用',
-      modify: '修改',
-      created_at: '创建时间',
-      action: '操作',
-      itemCount: '总数',
-      modalTip: '请输入发件额度',
-      balance: '余额',
-      query: '查询',
-      ok: '确定'
-    }
-  }
-});
-const data = ref([])
-const count = ref(0)
-const page = ref(1)
-const pageSize = ref(20)
-
-const curRow = ref({})
-const showModal = ref(false)
-const senderBalance = ref(0)
-const senderEnabled = ref(false)
-
-const addressQuery = ref('')
-
-const updateData = async () => {
-  try {
-    await api.fetch(`/admin/address_sender`, {
-      method: 'POST',
-      body: JSON.stringify({
-        address: curRow.value.address,
-        address_id: curRow.value.id,
-        balance: senderBalance.value,
-        enabled: senderEnabled.value ? 1 : 0
-      })
-    });
-    showModal.value = false;
-    message.success(t("success"));
-    await fetchData()
-  } catch (error) {
-    message.error(error.message || "error");
-  }
-}
-
-const fetchData = async () => {
-  try {
-    const { results, count: addressCount } = await api.fetch(
-      `/admin/address_sender`
-      + `?limit=${pageSize.value}`
-      + `&offset=${(page.value - 1) * pageSize.value}`
-      + (addressQuery.value ? `&address=${addressQuery.value}` : '')
-    );
-    data.value = results;
-    if (addressCount > 0) {
-      count.value = addressCount;
-    }
-  } catch (error) {
-    console.log(error)
-    message.error(error.message || "error");
-  }
-}
-
-const columns = [
-  {
-    title: "ID",
-    key: "id"
-  },
-  {
-    title: t('address'),
-    key: "address"
-  },
-  {
-    title: t('created_at'),
-    key: "created_at"
-  },
-  {
-    title: t('balance'),
-    key: "balance"
-  },
-  {
-    title: "Enabled",
-    key: "enabled",
-    render(row) {
-      return h('div', [
-        h('span', row.enabled ? t('enable') : t('disable'))
-      ])
-    }
-  },
-  {
-    title: t('action'),
-    key: 'actions',
-    render(row) {
-      return h('div', [
-        h(NButton,
-          {
-            type: 'success',
-            ghost: true,
-            onClick: () => {
-              showModal.value = true;
-              curRow.value = row;
-              senderEnabled.value = row.enabled ? true : false;
-              senderBalance.value = row.balance;
-            }
-          },
-          { default: () => t('modify') }
-        )
-      ])
-    }
-  }
-]
-
-watch([page, pageSize], async () => {
-  await fetchData()
-})
-
-
-onMounted(async () => {
-  await fetchData()
-})
-</script>
-
-<template>
-  <div>
-    <n-modal v-model:show="showModal" preset="dialog">
-      <p>{{ curRow.address }}</p>
-      <p>{{ t('modalTip') }}</p>
-      <n-form-item :show-label="false">
-        <n-checkbox v-model:checked="senderEnabled">
-          {{ t('enable') }}
-        </n-checkbox>
-      </n-form-item>
-      <n-form-item :show-label="false">
-        <n-input-number v-model:value="senderBalance" :min="0" :max="1000" />
-      </n-form-item>
-      <template #action>
-        <n-button :loading="loading" @click="updateData()" size="small" tertiary type="primary">
-          {{ t('ok') }}
-        </n-button>
-      </template>
-    </n-modal>
-    <n-input-group>
-      <n-input v-model:value="addressQuery" />
-      <n-button @click="fetchData" type="primary" ghost>
-        {{ t('query') }}
-      </n-button>
-    </n-input-group>
-    <div style="display: inline-block;">
-      <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" :page-sizes="[20, 50, 100]"
-        show-size-picker>
-        <template #prefix="{ itemCount }">
-          {{ t('itemCount') }}: {{ itemCount }}
-        </template>
-      </n-pagination>
-    </div>
-    <n-data-table :columns="columns" :data="data" :bordered="false" />
-  </div>
-</template>
-
-<style scoped>
-.n-pagination {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-</style>

frontend/src/views/admin/Statistics.vue

@@ -1,94 +0,0 @@
-<script setup>
-import { ref, h, onMounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n'
-import { User, UserCheck, MailBulk } from '@vicons/fa'
-import { SendOutlined } from '@vicons/material'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const { localeCache, adminAuth } = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            userCount: 'User Count',
-            activeUser: '7 days Active User',
-            mailCount: 'Mail Count',
-            sendMailCount: 'Send Mail Count'
-        },
-        zh: {
-            userCount: '用户总数',
-            activeUser: '周活跃用户',
-            mailCount: '邮件总数',
-            sendMailCount: '发送邮件总数'
-        }
-    }
-});
-
-const statistics = ref({
-    userCount: 0,
-    mailCount: 0,
-    activeUserCount7days: 0,
-    sendMailCount: 0,
-})
-
-const fetchStatistics = async () => {
-    try {
-        const {
-            userCount, activeUserCount7days, mailCount, sendMailCount
-        } = await api.fetch(`/admin/statistics`);
-        statistics.value.mailCount = mailCount || 0;
-        statistics.value.userCount = userCount || 0;
-        statistics.value.activeUserCount7days = activeUserCount7days || 0;
-        statistics.value.sendMailCount = sendMailCount || 0;
-    } catch (error) {
-        console.log(error)
-        message.error(error.message || "error");
-    }
-}
-
-onMounted(async () => {
-    if (!adminAuth.value) {
-        return;
-    }
-    await fetchStatistics()
-})
-</script>
-
-<template>
-    <n-card>
-        <n-row>
-            <n-col :span="6">
-                <n-statistic :label="t('userCount')" :value="statistics.userCount">
-                    <template #prefix>
-                        <n-icon :component="User" />
-                    </template>
-                </n-statistic>
-            </n-col>
-            <n-col :span="6">
-                <n-statistic :label="t('activeUser')" :value="statistics.activeUserCount7days">
-                    <template #prefix>
-                        <n-icon :component="UserCheck" />
-                    </template>
-                </n-statistic>
-            </n-col>
-            <n-col :span="6">
-                <n-statistic :label="t('mailCount')" :value="statistics.mailCount">
-                    <template #prefix>
-                        <n-icon :component="MailBulk" />
-                    </template>
-                </n-statistic>
-            </n-col>
-            <n-col :span="6">
-                <n-statistic :label="t('sendMailCount')" :value="statistics.sendMailCount">
-                    <template #prefix>
-                        <n-icon :component="SendOutlined" />
-                    </template>
-                </n-statistic>
-            </n-col>
-        </n-row>
-    </n-card>
-</template>

frontend/src/views/send/SendBox.vue

@@ -1,156 +0,0 @@
-<script setup>
-import { ref, h, onMounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const { localeCache, settings } = useGlobalState()
-const message = useMessage()
-
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            address: 'Address',
-            success: 'Success',
-            to_mail: 'To Mail',
-            subject: 'Subject',
-            created_at: 'Created At',
-            action: 'Action',
-            refresh: 'Refresh',
-            itemCount: 'itemCount',
-            view: 'View',
-            ok: 'OK'
-        },
-        zh: {
-            address: '地址',
-            success: '成功',
-            to_mail: '收件人邮箱',
-            subject: '主题',
-            created_at: '创建时间',
-            action: '操作',
-            refresh: '刷新',
-            itemCount: '总数',
-            view: '查看',
-            ok: '确定'
-        }
-    }
-});
-const data = ref([])
-const count = ref(0)
-const page = ref(1)
-const pageSize = ref(20)
-
-const curRow = ref({})
-const showModal = ref(false)
-
-const fetchData = async () => {
-    try {
-        const { results, count: addressCount } = await api.fetch(
-            `/api/sendbox`
-            + `?limit=${pageSize.value}`
-            + `&offset=${(page.value - 1) * pageSize.value}`
-        );
-        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.raw = JSON.stringify(data, null, 2);
-            } catch (error) {
-                console.log(error);
-            }
-            return item;
-        });
-        if (addressCount > 0) {
-            count.value = addressCount;
-        }
-    } catch (error) {
-        console.log(error)
-        message.error(error.message || "error");
-    }
-}
-
-const columns = [
-    {
-        title: "ID",
-        key: "id"
-    },
-    {
-        title: t('address'),
-        key: "address"
-    },
-    {
-        title: t('to_mail'),
-        key: "to_mail"
-    },
-    {
-        title: t('subject'),
-        key: "subject"
-    },
-    {
-        title: t('created_at'),
-        key: "created_at"
-    },
-    {
-        title: t('action'),
-        key: 'actions',
-        render(row) {
-            return h('div', [
-                h(NButton,
-                    {
-                        type: 'success',
-                        ghost: true,
-                        onClick: () => {
-                            showModal.value = true;
-                            curRow.value = row;
-                        }
-                    },
-                    { default: () => t('view') }
-                )
-            ])
-        }
-    }
-]
-
-watch([page, pageSize], async () => {
-    await fetchData()
-})
-
-
-onMounted(async () => {
-    await fetchData()
-})
-</script>
-
-<template>
-    <div v-if="settings.address">
-        <n-modal v-model:show="showModal" preset="dialog">
-            <pre>{{ curRow.raw }}</pre>
-        </n-modal>
-        <div style="display: inline-block;">
-            <n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count"
-                :page-sizes="[20, 50, 100]" show-size-picker>
-                <template #prefix="{ itemCount }">
-                    {{ t('itemCount') }}: {{ itemCount }}
-                </template>
-                <template #suffix>
-                    <n-button @click="fetchData" type="primary" size="small" ghost>
-                        {{ t('refresh') }}
-                    </n-button>
-                </template>
-            </n-pagination>
-        </div>
-        <n-data-table :columns="columns" :data="data" :bordered="false" />
-    </div>
-</template>
-
-<style scoped>
-.n-pagination {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-</style>

frontend/src/views/send/SendMail.vue

@@ -1,238 +0,0 @@
-<script setup>
-import '@wangeditor/editor/dist/css/style.css'
-import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
-import { useI18n } from 'vue-i18n'
-import { onMounted, onBeforeUnmount, ref, shallowRef } from 'vue'
-import AdminContact from '../admin/AdminContact.vue'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-import router from '../../router'
-
-const message = useMessage()
-const isPreview = ref(false)
-const editorRef = shallowRef()
-
-
-const { settings, sendMailModel } = useGlobalState()
-
-const { t } = useI18n({
-    locale: 'zh',
-    messages: {
-        en: {
-            successSend: 'Please check your sendbox. If failed, please check your balance or try again later.',
-            fromName: 'Your Name and Address, leave Name blank to use email address',
-            toName: 'Recipient Name and Address, leave Name blank to use email address',
-            subject: 'Subject',
-            options: 'Options',
-            edit: 'Edit',
-            preview: 'Preview',
-            content: 'Content',
-            send: 'Send',
-            requestAccess: 'Request Access',
-            requestAccessTip: 'You need to request access to send mail, if have request, please contact admin.',
-            send_balance: 'Send Mail Balance Left',
-            text: 'Text',
-            html: 'HTML',
-            'rich text': 'Rich Text',
-            tooLarge: 'Too large file, please upload file less than 1MB.',
-        },
-        zh: {
-            successSend: '请查看您的发件箱, 如果失败, 请检查您的余额或稍后重试。',
-            fromName: '你的名称和地址，名称不填写则使用邮箱地址',
-            toName: '收件人名称和地址，名称不填写则使用邮箱地址',
-            subject: '主题',
-            options: '选项',
-            edit: '编辑',
-            preview: '预览',
-            content: '内容',
-            send: '发送',
-            requestAccess: '申请权限',
-            requestAccessTip: '您需要申请权限才能发送邮件, 如果已经申请过, 请联系管理员提升额度。',
-            send_balance: '剩余发送邮件额度',
-            text: '文本',
-            html: 'HTML',
-            'rich text': '富文本',
-            tooLarge: '文件过大, 请上传小于1MB的文件。',
-        }
-    }
-});
-
-const contentTypes = [
-    { label: t('text'), value: 'text' },
-    { label: t('html'), value: 'html' },
-    { label: t('rich text'), value: 'rich' },
-]
-
-const send = async () => {
-    try {
-        await api.fetch(`/api/send_mail`,
-            {
-                method: 'POST',
-                body:
-                    JSON.stringify({
-                        from_name: sendMailModel.value.fromName,
-                        to_name: sendMailModel.value.toName,
-                        to_mail: sendMailModel.value.toMail,
-                        subject: sendMailModel.value.subject,
-                        is_html: sendMailModel.value.contentType != 'text',
-                        content: sendMailModel.value.content,
-                    })
-            })
-        sendMailModel.value = {
-            fromName: "",
-            toName: "",
-            toMail: "",
-            subject: "",
-            contentType: 'text',
-            content: "",
-        }
-    } catch (error) {
-        message.error(error.message || "error");
-    } finally {
-        message.success(t("successSend"));
-        router.push('/sendbox');
-    }
-}
-
-const requestAccess = async () => {
-    try {
-        await api.fetch(`/api/requset_send_mail_access`,
-            {
-                method: 'POST',
-                body: JSON.stringify({})
-            }
-        )
-        message.success(t("success"))
-        await api.getSettings();
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-}
-
-const toolbarConfig = {
-    excludeKeys: ["uploadVideo"]
-}
-
-const editorConfig = {
-    MENU_CONF: {
-        'uploadImage': {
-            async customUpload() {
-                message.error(t('tooLarge'))
-            },
-            maxFileSize: 1 * 1024 * 1024,
-            base64LimitSize: 1 * 1024 * 1024,
-        }
-    }
-}
-
-onBeforeUnmount(() => {
-    const editor = editorRef.value
-    if (editor == null) return
-    editor.destroy()
-})
-
-const handleCreated = (editor) => {
-    editorRef.value = editor;
-}
-
-onMounted(async () => {
-    await api.getSettings();
-})
-</script>
-
-<template>
-    <div class="center" v-if="settings.address">
-        <n-card>
-            <div v-if="!settings.send_balance || settings.send_balance <= 0">
-                <n-alert type="warning" show-icon>
-                    {{ t('requestAccessTip') }}
-                    <n-button type="primary" ghost @click="requestAccess">{{ t('requestAccess') }}</n-button>
-                </n-alert>
-                <br />
-                <AdminContact />
-            </div>
-            <div v-else>
-                <n-alert type="info" show-icon>
-                    {{ t('send_balance') }}: {{ settings.send_balance }}
-                </n-alert>
-                <div class="right">
-                    <n-button type="primary" @click="send">{{ t('send') }}</n-button>
-                </div>
-                <div class="left">
-                    <n-form :model="sendMailModel">
-                        <n-form-item :label="t('fromName')" label-placement="top">
-                            <n-input-group>
-                                <n-input v-model:value="sendMailModel.fromName" />
-                                <n-input :value="settings.address" disabled />
-                            </n-input-group>
-                        </n-form-item>
-                        <n-form-item :label="t('toName')" label-placement="top">
-                            <n-input-group>
-                                <n-input v-model:value="sendMailModel.toName" />
-                                <n-input v-model:value="sendMailModel.toMail" />
-                            </n-input-group>
-                        </n-form-item>
-                        <n-form-item :label="t('subject')" label-placement="top">
-                            <n-input v-model:value="sendMailModel.subject" />
-                        </n-form-item>
-                        <n-form-item :label="t('options')" label-placement="top">
-                            <n-radio-group v-model:value="sendMailModel.contentType">
-                                <n-radio-button v-for="option in contentTypes" :key="option.value" :value="option.value"
-                                    :label="option.label" />
-                            </n-radio-group>
-                            <n-button v-if="sendMailModel.contentType != 'text'" @click="isPreview = !isPreview"
-                                style="margin-left: 10px;">
-                                {{ isPreview ? t('edit') : t('preview') }}
-                            </n-button>
-                        </n-form-item>
-                        <n-form-item :label="t('content')" label-placement="top">
-                            <n-card v-if="isPreview">
-                                <div v-html="sendMailModel.content" />
-                            </n-card>
-                            <div v-else-if="sendMailModel.contentType == 'rich'" style="border: 1px solid #ccc">
-                                <Toolbar style="border-bottom: 1px solid #ccc" :defaultConfig="toolbarConfig"
-                                    :editor="editorRef" mode="default" />
-                                <Editor style="height: 500px; overflow-y: hidden;" v-model="sendMailModel.content"
-                                    :defaultConfig="editorConfig" mode="default" @onCreated="handleCreated" />
-                            </div>
-                            <n-input v-else type="textarea" v-model:value="sendMailModel.content" :autosize="{
-                                minRows: 3
-                            }" />
-                        </n-form-item>
-                    </n-form>
-                </div>
-            </div>
-        </n-card>
-    </div>
-</template>
-
-<style scoped>
-.n-card {
-    max-width: 800px;
-}
-
-.n-button {
-    text-align: left;
-    margin-right: 10px;
-}
-
-.center {
-    display: flex;
-    text-align: center;
-    place-items: center;
-    justify-content: center;
-}
-
-.left {
-    text-align: left;
-    place-items: left;
-    justify-content: left;
-}
-
-.right {
-    text-align: right;
-    place-items: right;
-    justify-content: right;
-}
-</style>

frontend/src/views/user/Account.vue

@@ -1,122 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useRouter } from 'vue-router'
-
-import { useGlobalState } from '../../store'
-import { api } from '../../api'
-
-const {
-    jwt, localeCache, settings, showPassword, mailboxSplitSize, useIframeShowMail
-} = useGlobalState()
-const router = useRouter()
-const message = useMessage()
-
-const showLogout = ref(false)
-const showDelteAccount = ref(false)
-const { t } = useI18n({
-    locale: localeCache.value || 'zh',
-    messages: {
-        en: {
-            mailboxSplitSize: 'Mailbox Split Size',
-            useIframeShowMail: 'Use iframe Show Mail',
-            logout: "Logout",
-            delteAccount: "Delete Account",
-            showPassword: 'Show Password',
-            logoutConfirm: 'Are you sure to logout?',
-            delteAccount: "Delete Account",
-            delteAccountConfirm: "Are you sure to delete your account and all emails for this account?",
-        },
-        zh: {
-            mailboxSplitSize: '邮箱界面分栏大小',
-            useIframeShowMail: '使用iframe显示邮件',
-            logout: '退出登录',
-            delteAccount: "删除账户",
-            showPassword: '查看密码',
-            logoutConfirm: '确定要退出登录吗？',
-            delteAccount: "删除账户",
-            delteAccountConfirm: "确定要删除你的账户和其中的所有邮件吗?",
-        }
-    }
-});
-
-const logout = async () => {
-    jwt.value = '';
-    await router.push('/')
-    location.reload()
-}
-
-const deleteAccount = async () => {
-    try {
-        await api.fetch(`/api/delete_address`, {
-            method: 'DELETE'
-        });
-        jwt.value = '';
-        await router.push('/')
-        location.reload()
-    } catch (error) {
-        message.error(error.message || "error");
-    }
-};
-</script>
-
-<template>
-    <div class="center" v-if="settings.address">
-        <n-card>
-            <n-card>
-                <n-form-item-row :label="t('mailboxSplitSize')">
-                    <n-slider v-model:value="mailboxSplitSize" :min="0.25" :max="0.75" :step="0.01" :marks="{
-                        0.25: '0.25',
-                        0.5: '0.5',
-                        0.75: '0.75'
-                    }" />
-                </n-form-item-row>
-                <n-form-item-row :label="t('useIframeShowMail')">
-                    <n-switch v-model:value="useIframeShowMail" :round="false" />
-                </n-form-item-row>
-            </n-card>
-            <n-button @click="showPassword = true" type="primary" secondary block strong>
-                {{ t('showPassword') }}
-            </n-button>
-            <n-button @click="showLogout = true" secondary block strong>
-                {{ t('logout') }}
-            </n-button>
-            <n-button @click="showDelteAccount = true" type="error" secondary block strong>
-                {{ t('delteAccount') }}
-            </n-button>
-        </n-card>
-        <n-modal v-model:show="showLogout" preset="dialog" :title="t('logout')">
-            <p>{{ t('logoutConfirm') }}</p>
-            <template #action>
-                <n-button :loading="loading" @click="logout" size="small" tertiary type="primary">
-                    {{ t('logout') }}
-                </n-button>
-            </template>
-        </n-modal>
-        <n-modal v-model:show="showDelteAccount" preset="dialog" :title="t('delteAccount')">
-            <p>{{ t('delteAccountConfirm') }}</p>
-            <template #action>
-                <n-button :loading="loading" @click="deleteAccount" size="small" tertiary type="error">
-                    {{ t('delteAccount') }}
-                </n-button>
-            </template>
-        </n-modal>
-    </div>
-</template>
-
-<style scoped>
-.center {
-    display: flex;
-    justify-content: center;
-}
-
-
-.n-card {
-    max-width: 800px;
-    text-align: left;
-}
-
-.n-button {
-    margin-top: 10px;
-}
-</style>

frontend/vite.config.js

@@ -3,30 +3,19 @@ import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { VitePWA } from 'vite-plugin-pwa'
+import { splitVendorChunkPlugin } from 'vite';
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
-import wasm from "vite-plugin-wasm";
-import topLevelAwait from "vite-plugin-top-level-await";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   build: {
-    outDir: './dist',
+    outDir: '../dist',
-    rollupOptions: {
-      output: {
-        manualChunks(id) {
-          if (id.includes('wangeditor')) {
-            return 'vendor-wangeditor';
-          }
-        }
-      }
-    }
   },
   plugins: [
     vue(),
-    wasm(),
+    splitVendorChunkPlugin(),
-    topLevelAwait(),
     AutoImport({
       imports: [
         'vue',

smtp_proxy_server/.env.example

@@ -1,2 +0,0 @@
-proxy_url=https://temp-email-api.xxx.xxx
-port=8025

smtp_proxy_server/.gitignore

@@ -1,161 +0,0 @@
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-share/python-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-*.py,cover
-.hypothesis/
-.pytest_cache/
-cover/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-.pybuilder/
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-#   For a library or package, you might want to ignore these files since the code is
-#   intended to run in multiple environments; otherwise, check them in:
-# .python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-#Pipfile.lock
-
-# poetry
-#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
-#   This is especially recommended for binary packages to ensure reproducibility, and is more
-#   commonly ignored for libraries.
-#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
-#poetry.lock
-
-# pdm
-#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
-#pdm.lock
-#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
-#   in version control.
-#   https://pdm.fming.dev/#use-with-ide
-.pdm.toml
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
-__pypackages__/
-
-# Celery stuff
-celerybeat-schedule
-celerybeat.pid
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
-
-# pytype static type analyzer
-.pytype/
-
-# Cython debug symbols
-cython_debug/
-
-# PyCharm
-#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
-#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
-#  and can be added to the global gitignore or merged into this file.  For a more nuclear
-#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-#.idea/
-test*

smtp_proxy_server/docker-compose.yaml

@@ -1,12 +0,0 @@
-services:
-  smtp_proxy_server:
-    image: ghcr.io/dreamhunter2333/cloudflare_temp_email/smtp_proxy_server:latest
-    # build:
-    #   context: .
-    #   dockerfile: dockerfile
-    container_name: "smtp_proxy_server"
-    ports:
-      - "8025:8025"
-    environment:
-      - proxy_url=https://temp-email-api.xxx.xxx
-      - port=8025

smtp_proxy_server/dockerfile

@@ -1,7 +0,0 @@
-FROM python:3.12-slim
-
-WORKDIR /app
-COPY requirements.txt /requirements.txt
-RUN python3 -m pip install -r /requirements.txt
-COPY . /app
-ENTRYPOINT [ "python3", "server.py" ]

smtp_proxy_server/requirements.txt

@@ -1,3 +0,0 @@
-aiosmtpd==1.4.5
-pydantic-settings==2.2.1
-requests==2.31.0

smtp_proxy_server/server.py

@@ -1,147 +0,0 @@
-import asyncio
-import logging
-import email
-import requests
-
-from pydantic_settings import BaseSettings
-from aiosmtpd.controller import Controller
-from aiosmtpd.smtp import SMTP, Session, Envelope, AuthResult, LoginPassword
-
-logging.basicConfig(
-    format='%(asctime)s - %(name)s - %(levelname)s - %(message)s',
-)
-
-_logger = logging.getLogger(__name__)
-_logger.setLevel(logging.INFO)
-
-
-class Settings(BaseSettings):
-    proxy_url: str = "http://localhost:8787"
-    port: int = 8025
-
-    class Config:
-        env_file = ".env"
-
-
-class CustomSMTPHandler:
-
-    def authenticator(self, server, session, envelope, mechanism, auth_data):
-        fail_nothandled = AuthResult(success=False, handled=False)
-        if mechanism not in ("LOGIN", "PLAIN"):
-            _logger.warning(f"Unsupported mechanism {mechanism}")
-            return fail_nothandled
-        if not isinstance(auth_data, LoginPassword):
-            _logger.warning(f"Invalid auth data {auth_data}")
-            return fail_nothandled
-        return AuthResult(success=True, auth_data=auth_data)
-
-    async def handle_DATA(self, server: SMTP, session: Session, envelope: Envelope) -> str:
-        _logger.info(
-            f"handle_DATA from {envelope.mail_from} to {envelope.rcpt_tos}"
-        )
-        if not isinstance(session.auth_data, LoginPassword):
-            return '530 Authentication required'
-        if len(envelope.rcpt_tos) != 1:
-            return '500 Only one recipient allowed'
-        # Only one recipient allowed
-        to_mail = envelope.rcpt_tos[0]
-        # Parse email
-        msg = email.message_from_string(envelope.content)
-        content_list = []
-        if msg.is_multipart():
-            for part in msg.walk():
-                content_type = part.get_content_type()
-                payload = part.get_payload(decode=True)
-                if content_type not in ["text/plain", "text/html"]:
-                    _logger.warning(f"Skipping {content_type}")
-                    continue
-                if not payload:
-                    continue
-                content_list.append({
-                    "type": content_type,
-                    "value": payload.decode()
-                })
-        elif msg.get_content_type() in ["text/plain", "text/html"] and msg.get_payload(decode=True):
-            content_list.append({
-                "type": msg.get_content_type(),
-                "value": msg.get_payload(decode=True).decode()
-            })
-
-        if not content_list:
-            return '500 Invalid content'
-        body = max(
-            content_list,
-            key=lambda x: (x["type"] == "text/html", len(x["value"]))
-        )
-        from_name, _ = email.utils.parseaddr(
-            str(email.header.make_header(
-                email.header.decode_header(msg['From'])
-            ))
-        )
-        to_mail_map = {}
-        for to in str(email.header.make_header(
-            email.header.decode_header(msg['To'])
-        )).split(","):
-            tmp_to_name, tmp_to_mail = email.utils.parseaddr(to)
-            to_mail_map[tmp_to_mail] = tmp_to_name
-        _logger.info(f"Parsed mail from {from_name} to {to_mail_map}")
-        # Send mail
-        send_body = {
-            "from_name": from_name,
-            "to_name": to_mail_map.get(to_mail),
-            "to_mail": to_mail,
-            "subject": str(email.header.make_header(
-                email.header.decode_header(msg['Subject'])
-            )),
-            "is_html": body["type"] == "text/html",
-            "content": body["value"],
-        }
-        _logger.info(f"Send mail {send_body}")
-        try:
-            res = requests.post(
-                f"{settings.proxy_url}/api/send_mail",
-                json=send_body, headers={
-                    "Authorization": f"Bearer {session.auth_data.password.decode()}",
-                    "Content-Type": "application/json"
-                }
-            )
-            if res.status_code != 200:
-                _logger.error(
-                    "Failed to send mail "
-                    f"code=[{res.status_code}] text=[{res.text}]"
-                )
-                return f'500 Internal server error code=[{res.status_code}] text=[{res.text}]'
-        except Exception as e:
-            _logger.error(e)
-            return '500 Internal server error'
-
-        return '250 OK'
-
-
-settings = Settings()
-handler = CustomSMTPHandler()
-server = Controller(
-    handler,
-    hostname="",
-    port=settings.port,
-    auth_require_tls=False,
-    decode_data=True,
-    authenticator=handler.authenticator,
-    auth_exclude_mechanism=["DONT"]
-)
-
-
-async def start():
-    _logger.info(f"Starting server settings[{settings}]")
-    server.start()
-
-
-if __name__ == "__main__":
-    loop = asyncio.new_event_loop()
-    asyncio.set_event_loop(loop)
-    task = loop.create_task(start())
-    try:
-        loop.run_forever()
-    except KeyboardInterrupt:
-        _logger.info("Got KeyboardInterrupt, stopping")
-        server.stop()

vitepress-docs/.gitignore

@@ -1,307 +0,0 @@
-## Ignore Visual Studio temporary files, build results, and
-## files generated by popular Visual Studio add-ons.
-##
-## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
-
-# Custom
-dist/
-
-# User-specific files
-*.suo
-*.user
-*.userosscache
-*.sln.docstates
-
-# User-specific files (MonoDevelop/Xamarin Studio)
-*.userprefs
-
-# Build results
-[Dd]ebug/
-[Dd]ebugPublic/
-[Rr]elease/
-[Rr]eleases/
-x64/
-x86/
-bld/
-[Bb]in/
-[Oo]bj/
-[Ll]og/
-
-# Visual Studio 2015 cache/options directory
-.vs/
-# Uncomment if you have tasks that create the project's static files in wwwroot
-#wwwroot/
-
-# MSTest test Results
-[Tt]est[Rr]esult*/
-[Bb]uild[Ll]og.*
-
-# NUNIT
-*.VisualState.xml
-TestResult.xml
-
-# Build Results of an ATL Project
-[Dd]ebugPS/
-[Rr]eleasePS/
-dlldata.c
-
-# .NET Core
-project.lock.json
-project.fragment.lock.json
-artifacts/
-#**/Properties/launchSettings.json
-
-*_i.c
-*_p.c
-*_i.h
-*.ilk
-*.meta
-*.obj
-*.pch
-*.pdb
-*.pgc
-*.pgd
-*.rsp
-*.sbr
-*.tlb
-*.tli
-*.tlh
-*.tmp
-*.tmp_proj
-*.log
-*.vspscc
-*.vssscc
-.builds
-*.pidb
-*.svclog
-*.scc
-
-# Chutzpah Test files
-_Chutzpah*
-
-# Visual C++ cache files
-ipch/
-*.aps
-*.ncb
-*.opendb
-*.opensdf
-*.sdf
-*.cachefile
-*.VC.db
-*.VC.VC.opendb
-
-# Visual Studio profiler
-*.psess
-*.vsp
-*.vspx
-*.sap
-
-# TFS 2012 Local Workspace
-$tf/
-
-# Guidance Automation Toolkit
-*.gpState
-
-# ReSharper is a .NET coding add-in
-_ReSharper*/
-*.[Rr]e[Ss]harper
-*.DotSettings.user
-
-# JustCode is a .NET coding add-in
-.JustCode
-
-# TeamCity is a build add-in
-_TeamCity*
-
-# DotCover is a Code Coverage Tool
-*.dotCover
-
-# Visual Studio code coverage results
-*.coverage
-*.coveragexml
-
-# NCrunch
-_NCrunch_*
-.*crunch*.local.xml
-nCrunchTemp_*
-
-# MightyMoose
-*.mm.*
-AutoTest.Net/
-
-# Web workbench (sass)
-.sass-cache/
-
-# Installshield output folder
-[Ee]xpress/
-
-# DocProject is a documentation generator add-in
-DocProject/buildhelp/
-DocProject/Help/*.HxT
-DocProject/Help/*.HxC
-DocProject/Help/*.hhc
-DocProject/Help/*.hhk
-DocProject/Help/*.hhp
-DocProject/Help/Html2
-DocProject/Help/html
-
-# Click-Once directory
-publish/
-
-# Publish Web Output
-*.[Pp]ublish.xml
-*.azurePubxml
-# TODO: Comment the next line if you want to checkin your web deploy settings
-# but database connection strings (with potential passwords) will be unencrypted
-*.pubxml
-*.publishproj
-
-# Microsoft Azure Web App publish settings. Comment the next line if you want to
-# checkin your Azure Web App publish settings, but sensitive information contained
-# in these scripts will be unencrypted
-PublishScripts/
-
-# NuGet Packages
-*.nupkg
-# The packages folder can be ignored because of Package Restore
-**/packages/*
-# except build/, which is used as an MSBuild target.
-!**/packages/build/
-# Uncomment if necessary however generally it will be regenerated when needed
-#!**/packages/repositories.config
-# NuGet v3's project.json files produces more ignorable files
-*.nuget.props
-*.nuget.targets
-
-# Microsoft Azure Build Output
-csx/
-*.build.csdef
-
-# Microsoft Azure Emulator
-ecf/
-rcf/
-
-# Windows Store app package directories and files
-AppPackages/
-BundleArtifacts/
-Package.StoreAssociation.xml
-_pkginfo.txt
-
-# Visual Studio cache files
-# files ending in .cache can be ignored
-*.[Cc]ache
-# but keep track of directories ending in .cache
-!*.[Cc]ache/
-
-# Others
-ClientBin/
-~$*
-*~
-*.dbmdl
-*.dbproj.schemaview
-*.jfm
-*.pfx
-*.publishsettings
-orleans.codegen.cs
-
-# Since there are multiple workflows, uncomment next line to ignore bower_components
-# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
-#bower_components/
-
-# RIA/Silverlight projects
-Generated_Code/
-
-# Backup & report files from converting an old project file
-# to a newer Visual Studio version. Backup files are not needed,
-# because we have git ;-)
-_UpgradeReport_Files/
-Backup*/
-UpgradeLog*.XML
-UpgradeLog*.htm
-
-# SQL Server files
-*.mdf
-*.ldf
-*.ndf
-
-# Business Intelligence projects
-*.rdl.data
-*.bim.layout
-*.bim_*.settings
-
-# Microsoft Fakes
-FakesAssemblies/
-
-# GhostDoc plugin setting file
-*.GhostDoc.xml
-
-# Node.js Tools for Visual Studio
-.ntvs_analysis.dat
-node_modules/
-
-# Typescript v1 declaration files
-typings/
-
-# Visual Studio 6 build log
-*.plg
-
-# Visual Studio 6 workspace options file
-*.opt
-
-# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
-*.vbw
-
-# Visual Studio LightSwitch build output
-**/*.HTMLClient/GeneratedArtifacts
-**/*.DesktopClient/GeneratedArtifacts
-**/*.DesktopClient/ModelManifest.xml
-**/*.Server/GeneratedArtifacts
-**/*.Server/ModelManifest.xml
-_Pvt_Extensions
-
-# Paket dependency manager
-.paket/paket.exe
-paket-files/
-
-# FAKE - F# Make
-.fake/
-
-# JetBrains Rider
-.idea/
-*.sln.iml
-
-# CodeRush
-.cr/
-
-# Python Tools for Visual Studio (PTVS)
-__pycache__/
-*.pyc
-
-# Cake - Uncomment if you are using it
-# tools/**
-# !tools/packages.config
-
-# Telerik's JustMock configuration file
-*.jmconfig
-
-# BizTalk build output
-*.btp.cs
-*.btm.cs
-*.odx.cs
-*.xsd.cs
-
-/coverage
-/src/client/shared.ts
-/src/node/shared.ts
-*.log
-.DS_Store
-.vite_opt_cache
-dist
-node_modules
-TODOs.md
-.vscode
-docs/.vitepress/cache/
-docs/.vitepress/dist/
-.idea/
-
-*.zip

vitepress-docs/docs/.vitepress/config.ts

@@ -1,40 +0,0 @@
-import { defineConfig } from 'vitepress'
-import { zh } from './zh'
-import { en } from './en'
-
-export default defineConfig({
-  title: "Temp Mail Doc",
-  lang: 'zh-CN',
-  lastUpdated: true,
-  locales: {
-    root: { label: '简体中文', ...zh },
-    en: { label: 'English', ...en }
-  },
-  head: [
-    ['link', { rel: 'icon', type: 'image/png', href: '/logo.png' }],
-    ['meta', { name: 'theme-color', content: '#5f67ee' }],
-    ['meta', { property: 'og:type', content: 'website' }],
-    ['meta', { property: 'og:locale', content: 'Temp Mail Doc' }],
-    ['meta', { property: 'og:title', content: 'Temp Mail Doc' }],
-    ['meta', { property: 'og:site_name', content: 'Temp Mail' }],
-    ['meta', { property: 'og:image', content: 'https://temp-mail-docs.awsl.uk/logo.png' }],
-    ['meta', { property: 'og:url', content: 'https://temp-mail-docs.awsl.uk' }],
-  ],
-  sitemap: {
-    hostname: 'https://temp-mail-docs.awsl.uk',
-    transformItems(items) {
-      return items.filter((item) => !item.url.includes('migration'))
-    }
-  },
-  themeConfig: {
-
-    logo: { src: '/logo.png', width: 24, height: 24 },
-    search: { provider: 'local' },
-    socialLinks: [
-      {
-        icon: 'github',
-        link: 'https://github.com/dreamhunter2333/cloudflare_temp_email'
-      }
-    ]
-  }
-})

vitepress-docs/docs/.vitepress/en.ts

@@ -1,55 +0,0 @@
-import { defineConfig, type DefaultTheme } from 'vitepress'
-
-export const en = defineConfig({
-    title: "Temp Mail Doc",
-    lang: 'zh-Hans',
-    description: 'CloudFlare Free sending and receiving of temporary domain name mailboxes',
-
-    themeConfig: {
-        nav: nav(),
-
-        editLink: {
-            pattern: 'https://github.com/dreamhunter2333/cloudflare_temp_email/edit/main/vitepress-docs/docs/:path',
-            text: 'Edit this page on GitHub'
-        },
-
-        footer: {
-            message: 'Based on MIT license',
-            copyright: `Copyright © 2023-${new Date().getFullYear()} Dream Hunter`
-        },
-    }
-})
-
-function nav(): DefaultTheme.NavItem[] {
-    return [
-        {
-            text: 'Home',
-            link: '/en/',
-        },
-        {
-            text: 'Guide',
-            link: '/en/cli',
-        },
-        {
-            text: 'Service Status',
-            link: '/status',
-        },
-        {
-            text: 'Reference',
-            link: '/reference',
-        },
-        {
-            text: process.env.TAG_NAME || 'v0.2.2',
-            items: [
-                {
-                    text: 'CHANGELOG',
-                    link: 'https://github.com/dreamhunter2333/cloudflare_temp_email/blob/main/CHANGELOG.md'
-                },
-                {
-                    text: 'Contribute',
-                    link: 'https://github.com/dreamhunter2333/cloudflare_temp_email'
-                }
-            ]
-        }
-    ]
-}

vitepress-docs/docs/.vitepress/zh.ts

@@ -1,147 +0,0 @@
-import { defineConfig, type DefaultTheme } from 'vitepress'
-
-export const zh = defineConfig({
-    title: "临时邮箱文档",
-    lang: 'zh-Hans',
-    description: 'CloudFlare 免费收发 临时域名邮箱',
-
-    themeConfig: {
-        nav: nav(),
-
-        sidebar: {
-            '/zh/guide/': { base: '/zh/guide/', items: sidebarGuide() },
-        },
-
-        editLink: {
-            pattern: 'https://github.com/dreamhunter2333/cloudflare_temp_email/edit/main/vitepress-docs/docs/:path',
-            text: '在 GitHub 上编辑此页面'
-        },
-
-        footer: {
-            message: '基于 MIT 许可发布',
-            copyright: `版权所有 © 2023-${new Date().getFullYear()} Dream Hunter`
-        },
-
-        docFooter: {
-            prev: '上一页',
-            next: '下一页'
-        },
-
-        outline: {
-            label: '页面导航'
-        },
-
-        lastUpdated: {
-            text: '最后更新于',
-            formatOptions: {
-                dateStyle: 'short',
-                timeStyle: 'medium'
-            }
-        },
-
-        langMenuLabel: '多语言',
-        returnToTopLabel: '回到顶部',
-        sidebarMenuLabel: '菜单',
-        darkModeSwitchLabel: '主题',
-        lightModeSwitchTitle: '切换到浅色模式',
-        darkModeSwitchTitle: '切换到深色模式'
-    }
-})
-
-function nav(): DefaultTheme.NavItem[] {
-    return [
-        {
-            text: '主页',
-            link: '/',
-        },
-        {
-            text: '指南',
-            link: '/zh/guide/quick-start',
-            activeMatch: '/zh/guide/'
-        },
-        {
-            text: '服务状态',
-            link: '/status',
-        },
-        {
-            text: '参考',
-            link: '/reference',
-        },
-        {
-            text: process.env.TAG_NAME || 'v0.2.2',
-            items: [
-                {
-                    text: '更新日志',
-                    link: 'https://github.com/dreamhunter2333/cloudflare_temp_email/blob/main/CHANGELOG.md'
-                },
-                {
-                    text: '参与贡献',
-                    link: 'https://github.com/dreamhunter2333/cloudflare_temp_email'
-                }
-            ]
-        }
-    ]
-}
-
-function sidebarGuide(): DefaultTheme.SidebarItem[] {
-    return [
-        {
-            text: '简介',
-            collapsed: false,
-            items: [
-                { text: '什么是临时邮箱', link: 'what-is-temp-mail' },
-                { text: 'Star History', link: 'star-history' },
-                { text: '快速开始部署', link: 'quick-start' },
-            ]
-        },
-        {
-            text: '通过命令行部署',
-            collapsed: false,
-            items: [
-                { text: '命令行部署准备', link: 'cli/pre-requisite' },
-                { text: 'D1 数据库', link: 'cli/d1' },
-                { text: '配置 DKIM', link: 'dkim' },
-                { text: 'Cloudflare workers 后端', link: 'cli/worker' },
-                { text: '配置邮件转发', link: 'email-routing.md' },
-                { text: 'Cloudflare Pages 前端', link: 'cli/pages' },
-                { text: '配置发送邮件', link: 'config-send-mail' },
-            ]
-        },
-        {
-            text: '通过用户界面部署',
-            collapsed: false,
-            items: [
-                { text: 'D1 数据库', link: 'ui/d1' },
-                { text: '配置 DKIM', link: 'dkim' },
-                { text: 'Cloudflare workers 后端', link: 'ui/worker' },
-                { text: '配置邮件转发', link: 'email-routing.md' },
-                { text: 'Cloudflare Pages 前端', link: 'ui/pages' },
-                { text: '配置发送邮件', link: 'config-send-mail' },
-            ]
-        },
-        {
-            text: '通过 Github Actions 部署',
-            collapsed: false,
-            items: [
-                { text: '开发中', link: 'github-action' },
-            ]
-        },
-        {
-            text: '附加功能',
-            collapsed: false,
-            items: [
-                { text: '配置 SMTP 代理服务', link: 'feature/config-smtp-proxy' },
-                { text: '发送邮件 API', link: 'feature/send-mail-api' },
-                { text: '配置子域名邮箱', link: 'feature/subdomain' },
-            ]
-        },
-        {
-            text: '功能简介',
-            collapsed: false,
-            items: [
-                { text: 'Admin 控制台', link: 'feature/admin' },
-            ]
-        },
-        { text: '参考', base: "/", link: 'reference' }
-    ]
-}

vitepress-docs/docs/en/cli.md

@@ -1,170 +0,0 @@
-# cloudflare temp email
-
-This is a temporary email service that uses Cloudflare Workers to create a temporary email address and view the received email in web browser.
-
-## Features
-
-- [x] Cloudflare D1 as a database
-- [x] Deploy the front end with Cloudflare Pages
-- [x] Deploy the backend with Cloudflare Workers
-- [x] Email forwarding using Cloudflare Email Routing
-- [x] Use password to login to the previous mailbox again.
-- [x] Get Custom Name Email
-- [x] Support multiple languages
-- [x] Add access authorization, which can be used as a private site
-- [x] Add auto reply feature
-- [x] Add attachment viewing function
-- [x] use rust wasm to parse email
-- [x] support send email
-- [x] support DKIM
-
-## Deploy
-
-[Install/Update Wrangler](https://developers.cloudflare.com/workers/wrangler/install-and-update/)
-
-```bash
-npm install wrangler -g
-git clone https://github.com/dreamhunter2333/cloudflare_temp_email.git
-# Switch to the latest tag or the branch you want to deploy. You can also use the main branch directly.
-# git checkout $(git describe --tags $(git rev-list --tags --max-count=1))
-```
-
-## DB - Cloudflare D1
-
-```bash
-# create a database, and copy the output to wrangler.toml in the next step
-wrangler d1 create dev
-wrangler d1 execute dev --file=db/schema.sql
-# schema update, if you have initialized the database before this date, you can execute this command to update
-# wrangler d1 execute dev --file=db/2024-01-13-patch.sql
-# wrangler d1 execute dev --file=db/2024-04-03-patch.sql
-```
-
-![d1](/readme_assets/d1.png)
-
-### Backend - Cloudflare workers
-
-The first deployment will prompt you to create a project. Please fill in `production` for the `production` branch.
-
-```bash
-cd worker
-pnpm install
-cp wrangler.toml.template wrangler.toml
-# deploy
-pnpm run deploy
-```
-
-`wrangler.toml`
-
-```toml
-name = "cloudflare_temp_email"
-main = "src/worker.js"
-compatibility_date = "2023-08-14"
-node_compat = true
-
-# enable cron if you want set auto clean up
-# [triggers]
-# crons = [ "0 0 * * *" ]
-
-[vars]
-PREFIX = "tmp" # The mailbox name prefix to be processed
-# If you want your site to be private, uncomment below and change your password
-# PASSWORDS = ["123", "456"]
-# admin console password, if not configured, access to the console is not allowed
-# ADMIN_PASSWORDS = ["123", "456"]
-# admin contact information. If not configured, it will not be displayed. Any string can be configured.
-# ADMIN_CONTACT = "xx@xx.xxx"
-DOMAINS = ["xxx.xxx1" , "xxx.xxx2"] # your domain name
-JWT_SECRET = "xxx" # Key used to generate jwt
-BLACK_LIST = "" # Blacklist, used to filter senders, comma separated
-# Allow users to create email addresses
-ENABLE_USER_CREATE_EMAIL = true
-# Allow users to delete messages
-ENABLE_USER_DELETE_EMAIL = true
-# Allow automatic replies to emails
-ENABLE_AUTO_REPLY = false
-# Footer text
-# COPYRIGHT = "Dream Hunter"
-# default send balance, if not set, it will be 0
-# DEFAULT_SEND_BALANCE = 1
-# dkim config
-# DKIM_SELECTOR = "mailchannels" # Refer to the DKIM section mailchannels._domainkey for mailchannels
-# DKIM_PRIVATE_KEY = "" # Refer to the contents of priv_key.txt in the DKIM section
-
-[[d1_databases]]
-binding = "DB"
-database_name = "xxx" # D1 database name
-database_id = "xxx" # D1 database ID
-
-# Create a new address current limiting configuration
-# [[unsafe.bindings]]
-# name = "RATE_LIMITER"
-# type = "ratelimit"
-# namespace_id = "1001"
-# # 10 requests per minute
-# simple = { limit = 10, period = 60 }
-```
-
-you can find and test the worker's url in the  workers dashboard
-
-![worker](/readme_assets/worker.png)
-
-## Cloudflare Email Routing
-
-Before you can bind an email address to your Worker, you need to enable Email Routing and have at least one verified email address.
-
-enable email route and config email forward catch-all to the worker
-
-![email](/readme_assets/email.png)
-
-### Frontend - Cloudflare pages
-
-The first deployment will prompt you to create a project. Please fill in `production` for the `production` branch.
-
-```bash
-cd frontend
-pnpm install
-# add .env.local and modify VITE_API_BASE to your worker's url
-# VITE_API_BASE=https://xxx.xxx.workers.dev - don't put / in the end
-cp .env.example .env.local
-pnpm build --emptyOutDir
-pnpm run deploy
-```
-
-![pages](/readme_assets/pages.png)
-
-## Configure sending emails
-
-Find the `SPF` record of `TXT` in the domain name `DNS` record, and add `include:relay.mailchannels.net`
-
-```bash
-v=spf1 include:_spf.mx.cloudflare.net include:relay.mailchannels.net ~all
-```
-
-Create a new `_mailchannels` record, the type is `TXT`, the content is `v=mc1 cfid=your worker domain name`
-
-- The worker domain name here is the domain name of the back-end api. For example, if I deploy it at `https://temp-email-api.awsl.uk/`, fill in `v=mc1 cfid=awsl.uk`
-- If your domain name is `https://temp-email-api.xxx.workers.dev`, fill in `v=mc1 cfid=xxx.workers.dev`
-
-## Configure DKIM
-
-Ref: [Adding-a-DKIM-Signature](https://support.mailchannels.com/hc/en-us/articles/7122849237389-Adding-a-DKIM-Signature)
-
-Creating a DKIM private and public key:
-Private key as PEM file and base64 encoded txt file:
-
-```bash
-openssl genrsa 2048 | tee priv_key.pem | openssl rsa -outform der | openssl base64 -A > priv_key.txt
-```
-
-Public key as DNS record:
-
-```bash
-echo -n "v=DKIM1;p=" > pub_key_record.txt && \
-openssl rsa -in priv_key.pem -pubout -outform der | openssl base64 -A >> pub_key_record.txt
-```
-
-Add `TXT` record in `Cloudflare` all your mail domain `DNS`
-
-- `_dmarc`: `v=DMARC1; p=none; adkim=r; aspf=r;`
-- `mailchannels._domainkey`: `v=DKIM1; p=<content of the file pub_key_record.txt>`

vitepress-docs/docs/en/index.md

@@ -1,24 +0,0 @@
----
-# https://vitepress.dev/reference/default-theme-home-page
-layout: home
-
-hero:
-  name: "Temporary mailbox document"
-  tagline: "Build CloudFlare to send and receive free temporary domain name mailboxes"
-  actions:
-  - theme: brand
-    text: Try it now
-    link: https://mail.awsl.uk/
-  - theme: alt
-    text: command line deployment
-    link: /en/cli
-features:
-  - title: Free hosting on CloudFlare, no server required
-    details: Cloudflare D1 database, Cloudflare Pages frontend, Cloudflare Workers backend, Cloudflare Email Routing
-  - title: Only domain name required for private deployment
-    details: Support password login email, access authorization can be used as a private site, support attachment function
-  - title: Use rust wasm to parse emails
-    details: Use rust wasm to parse emails, support various RFC standards for emails, support attachments, extremely fast
-  - title: Support sending emails
-    details: Support sending txt or html emails through domain name mailboxes，Support DKIM signature
----

vitepress-docs/docs/index.md

@@ -1,28 +0,0 @@
----
-# https://vitepress.dev/reference/default-theme-home-page
-layout: home
-
-hero:
-  name: "临时邮箱文档"
-  tagline: "搭建 CloudFlare 免费收发 临时域名邮箱"
-  actions:
-    - theme: brand
-      text: 立即试用
-      link: https://mail.awsl.uk/
-    - theme: alt
-      text: 命令行部署
-      link: /zh/guide/quick-start
-    - theme: alt
-      text: 通过用户界面部署
-      link: /zh/guide/quick-start
-
-features:
-  - title: 免费托管在 CloudFlare，无需服务器
-    details: Cloudflare D1 数据库，Cloudflare Pages 前端，Cloudflare Workers 后端， Cloudflare Email Routing
-  - title: 仅需域名即可私有部署
-    details: 支持 password 登录邮箱，使用访问密码可作为私人站点，支持附件功能
-  - title:  使用 rust wasm 解析邮件
-    details: 使用 rust wasm 解析邮件，支持邮件各种RFC标准，支持附件, 速度极快
-  - title: 支持发送邮件(UI/API/SMTP)
-    details: 支持通过域名邮箱发送 txt 或者 html 邮件，支持 DKIM 签名, UI/API/SMTP 发送邮件
----

vitepress-docs/docs/reference.md

@@ -1,6 +0,0 @@
-# Reference
-
-- https://developers.cloudflare.com/d1/
-- https://developers.cloudflare.com/pages/
-- https://developers.cloudflare.com/workers/
-- https://developers.cloudflare.com/email-routing/

vitepress-docs/docs/status.md

@@ -1,8 +0,0 @@
-# Status Page
-
-[Status Link](https://uptime.aks.awsl.icu/status/temp-email)
-
-| Service                                    | Status                                                                                                                                                                                                                                                                                                                                |
-| ------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Backend](https://temp-email-api.awsl.uk/) | ![](https://uptime.aks.awsl.icu/api/badge/10/status) ![](https://uptime.aks.awsl.icu/api/badge/10/uptime) ![](https://uptime.aks.awsl.icu/api/badge/10/ping) ![](https://uptime.aks.awsl.icu/api/badge/10/avg-response) ![](https://uptime.aks.awsl.icu/api/badge/10/cert-exp) ![](https://uptime.aks.awsl.icu/api/badge/10/response) |
-| [Frontend](https://mail.awsl.uk/)          | ![](https://uptime.aks.awsl.icu/api/badge/12/status) ![](https://uptime.aks.awsl.icu/api/badge/12/uptime) ![](https://uptime.aks.awsl.icu/api/badge/12/ping) ![](https://uptime.aks.awsl.icu/api/badge/12/avg-response) ![](https://uptime.aks.awsl.icu/api/badge/12/cert-exp) ![](https://uptime.aks.awsl.icu/api/badge/12/response) |

vitepress-docs/docs/zh/guide/cli/d1.md

@@ -1,27 +0,0 @@
-# 初始化/更新 D1 数据库
-
-第一次执行登录 wrangler 命令时，会提示登录, 按提示操作即可
-
-## 初始化数据库
-
-```bash
-# 创建 D1 并执行 schema.sql
-wrangler d1 create dev
-wrangler d1 execute dev --file=db/schema.sql
-```
-
-创建完成后，我们在 cloudflare 的控制台可以看到 D1 数据库
-
-![D1](/readme_assets/d1.png)
-
-## 更新数据库 schema
-
-`schema` 更新，请确认你之前部署的版本,
-查看 [更新日志](https://github.com/dreamhunter2333/cloudflare_temp_email/blob/main/CHANGELOG.md)
-
-找到需要执行的 `patch` 文件, 执行, 例如:
-
-```bash
-wrangler d1 execute dev --file=db/2024-01-13-patch.sql
-wrangler d1 execute dev --file=db/2024-04-03-patch.sql
-```

vitepress-docs/docs/zh/guide/cli/pages.md

@@ -1,25 +0,0 @@
-# Cloudflare Pages 前端
-
-第一次部署会提示创建项目, `production` 分支请填写 `production`
-
-```bash
-cd frontend
-pnpm install
-cp .env.example .env.prod
-```
-
-修改 `.env.prod` 文件
-
-将 `VITE_API_BASE` 修改为上一步创建的 `worker` 的 `url`, 不要在末尾加 `/`
-
-例如: `VITE_API_BASE=https://xxx.xxx.workers.dev`
-
-```bash
-pnpm build --emptyOutDir
-# 根据提示创建 pages
-pnpm run deploy
-```
-
-部署完成之后你可以在 Cloudflare 控制台看到你的项目, 可以为 `pages` 配置自定义域名
-
-![pages](/readme_assets/pages.png)

vitepress-docs/docs/zh/guide/cli/pre-requisite.md

@@ -1,17 +0,0 @@
-# 先决条件
-
-## wrangler 的安装
-
-安装 wrangler
-
-```bash
-npm install wrangler -g
-```
-
-## 克隆项目
-
-```bash
-git clone https://github.com/dreamhunter2333/cloudflare_temp_email.git
-# 切换到最新 tag 或者你想部署的分支，你也可以直接使用 main 分支
-# git checkout $(git describe --tags $(git rev-list --tags --max-count=1))
-```

vitepress-docs/docs/zh/guide/cli/worker.md

@@ -1,82 +0,0 @@
-# Cloudflare workers 后端
-
-## 初始化项目
-
-```bash
-cd worker
-pnpm install
-cp wrangler.toml.template wrangler.toml
-```
-
-## 修改 `wrangler.toml` 配置文件
-
-```toml
-name = "cloudflare_temp_email"
-main = "src/worker.js"
-compatibility_date = "2023-12-01"
-# 如果你想使用自定义域名，你需要添加 routes 配置
-# routes = [
-#  { pattern = "temp-email-api.xxxxx.xyz", custom_domain = true },
-# ]
-node_compat = true
-
-# 如果你想要使用定时任务清理邮件，取消下面的注释，并修改 cron 表达式
-# [triggers]
-# crons = [ "0 0 * * *" ]
-
-[vars]
-PREFIX = "tmp" # 要处理的邮箱名称前缀，不需要后缀可配置为空字符串
-# 如果你想要你的网站私有，取消下面的注释，并修改密码
-# PASSWORDS = ["123", "456"]
-# admin 控制台密码, 不配置则不允许访问控制台
-# ADMIN_PASSWORDS = ["123", "456"]
-# admin 联系方式，不配置则不显示，可配置任意字符串
-# ADMIN_CONTACT = "xx@xx.xxx"
-DOMAINS = ["xxx.xxx1" , "xxx.xxx2"] # 你的域名, 支持多个域名
-JWT_SECRET = "xxx" # 用于生成 jwt 的密钥, jwt 用于给用户登录以及鉴权
-BLACK_LIST = "" # 黑名单，用于过滤发件人，逗号分隔
-# 是否允许用户创建邮件, 不配置则不允许
-ENABLE_USER_CREATE_EMAIL = true
-# 允许用户删除邮件, 不配置则不允许
-ENABLE_USER_DELETE_EMAIL = true
-# 允许自动回复邮件
-ENABLE_AUTO_REPLY = false
-# 前端界面页脚文本
-# COPYRIGHT = "Dream Hunter"
-# 默认发送邮件余额，如果不设置，将为 0
-# DEFAULT_SEND_BALANCE = 1
-# dkim config
-# DKIM_SELECTOR = "mailchannels" # 参考 DKIM 部分 mailchannels._domainkey 的 mailchannels
-# DKIM_PRIVATE_KEY = "" # 参考 DKIM 部分 priv_key.txt 的内容
-
-# D1 数据库的名称和 ID 可以在 cloudflare 控制台查看
-[[d1_databases]]
-binding = "DB"
-database_name = "xxx" # D1 数据库名称
-database_id = "xxx" # D1 数据库 ID
-
-# 新建地址限流配置 /api/new_address
-# [[unsafe.bindings]]
-# name = "RATE_LIMITER"
-# type = "ratelimit"
-# namespace_id = "1001"
-# # 10 requests per minute
-# simple = { limit = 10, period = 60 }
-```
-
-## 部署
-
-第一次部署会提示创建项目, `production` 分支请填写 `production`
-
-```bash
-pnpm run deploy
-```
-
-部署成功之后再路由中可以看到 `worker` 的 `url`，控制台也会输出 `worker` 的 `url`
-
-![worker](/readme_assets/worker.png)
-
-> [!NOTE]
-> 打开 `worker` 的 `url`，如果显示 `OK` 说明部署成功
->
-> 打开 `/health_check`，如果显示 `OK` 说明部署成功

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

@@ -1,12 +0,0 @@
-
-# 配置发送邮件
-
-1. 找到域名 `DNS` 记录的 `TXT` 的 `SPF` 记录, 增加 `include:relay.mailchannels.net`
-
-    `v=spf1 include:_spf.mx.cloudflare.net include:relay.mailchannels.net ~all`
-
-2. 新建 `_mailchannels` 记录, 类型为 `TXT`, 内容为 `v=mc1 cfid=你的worker域名`
-
-- 此处 worker 域名为后端 api 的域名，比如我部署在 `https://temp-email-api.awsl.uk/`，则填写 `v=mc1 cfid=awsl.uk`
-
-- 如果你的域名是 `https://temp-email-api.xxx.workers.dev`，则填写 `v=mc1 cfid=xxx.workers.dev`

vitepress-docs/docs/zh/guide/dkim.md

@@ -1,33 +0,0 @@
-# 配置 DKIM
-
-如果你不想配置 DKIM，可以跳过这一节。
-
-参考: [Adding-a-DKIM-Signature](https://support.mailchannels.com/hc/en-us/articles/7122849237389-Adding-a-DKIM-Signature)
-
-Creating a DKIM private and public key:
-Private key as PEM file and base64 encoded txt file:
-
-```bash
-openssl genrsa 2048 | tee priv_key.pem | openssl rsa -outform der | openssl base64 -A > priv_key.txt
-```
-
-Public key as DNS record:
-
-```bash
-echo -n "v=DKIM1;p=" > pub_key_record.txt && \
-openssl rsa -in priv_key.pem -pubout -outform der | openssl base64 -A >> pub_key_record.txt
-```
-
-在 `Cloudflare` 的 `DNS` 记录中添加 `TXT` 记录
-
-例如:
-
-- `_dmarc`: `v=DMARC1; p=none; adkim=r; aspf=r;`
-- `mailchannels._domainkey`: `v=DKIM1; p=<content of the file pub_key_record.txt>`
-
-那我在 `wrangler.toml` 中的配置应该是这样的:
-
-```toml
-DKIM_SELECTOR = "mailchannels"
-DKIM_PRIVATE_KEY = "<priv_key.txt 的内容>"
-```

vitepress-docs/docs/zh/guide/email-routing.md

@@ -1,9 +0,0 @@
-# Cloudflare Email Routing
-
-1. 配置对应域名的 `电子邮件 DNS 记录`, 如果是多个域名，需要配置多个域名的 `电子邮件 DNS 记录`
-
-2. 在将电子邮件地址绑定到您的 Worker 之前，您需要启用电子邮件路由并拥有至少一个经过验证的电子邮件地址。
-
-3. 配置每个域名的 `Cloudflare Email Routing` catch-all 发送到 `worker`
-
-![email](/readme_assets/email.png)

vitepress-docs/docs/zh/guide/feature/admin.md

@@ -1,7 +0,0 @@
-# Admin 控制台
-
-部署前端应用之后，访问 `/admin` 路径即可进入管理控制台。
-
-需要在后端配置 `admin 控制台密码`, 不配置则不允许访问控制台。
-
-![admin](/feature/admin.png)

vitepress-docs/docs/zh/guide/feature/config-smtp-proxy.md

@@ -1,41 +0,0 @@
-# 搭建 SMTP 代理服务
-
-## 为什么需要 SMTP 代理服务
-
-SMTP 的应用场景更加广泛
-
-## 如何搭建 SMTP 代理服务
-
-### Local Run
-
-```bash
-cd smtp_proxy_server/
-# 复制配置文件, 并修改配置文件
-# 你的 worker 地址，proxy_url=https://temp-email-api.xxx.xxx
-# 你的 SMTP 服务端口，port=8025
-cp .env.example .env
-python3 -m venv venv
-./venv/bin/python3 -m pip install -r requirements.txt
-./venv/bin/python3 server.py
-```
-
-### Docker Run
-
-```bash
-cd smtp_proxy_server/
-docker-compose up -d
-```
-
-修改 docker-compose.yaml 中的环境变量, 注意选择合适的 `tag`
-
-```yaml
-services:
-  smtp_proxy_server:
-    image: ghcr.io/dreamhunter2333/cloudflare_temp_email/smtp_proxy_server:latest
-    container_name: "smtp_proxy_server"
-    ports:
-      - "8025:8025"
-    environment:
-      - proxy_url=https://temp-email-api.xxx.xxx
-      - port=8025
-```

vitepress-docs/docs/zh/guide/feature/send-mail-api.md

@@ -1,49 +0,0 @@
-# 发送邮件 API
-
-## 通过 HTTP API 发送邮件
-
-这是一个 `python` 的例子，使用 `requests` 库发送邮件。
-
-```python
-send_body = {
-    "from_name": "发件人名字",
-    "to_name": "收件人名字",
-    "to_mail": "收件人地址",
-    "subject": "邮件主题",
-    "is_html": False,  # 根据内容设置是否为 HTML
-    "content": "<邮件内容：html 或者 文本>",
-}
-
-res = requests.post(
-    "http://localhost:8787/api/send_mail",
-    json=send_body, headers={
-        "Authorization": f"Bearer {session.auth_data.password.decode()}",
-        "Content-Type": "application/json"
-    }
-)
-```
-
-## 通过 SMTP 发送邮件
-
-请先参考 [配置 SMTP 代理](/zh/guide/feature/config-smtp-proxy.html)。
-
-这是一个 `python` 的例子，使用 `smtplib` 库发送邮件。
-
-`JWT令牌密码`: 即为邮箱登录密码，可以在 UI 界面中查看密码菜单中查看。
-
-```python
-import smtplib
-
-from email.mime.text import MIMEText
-from email.mime.multipart import MIMEMultipart
-
-
-with smtplib.SMTP('localhost', 8025) as smtp:
-    smtp.login("jwt", "此处填写你的JWT令牌密码")
-    message = MIMEMultipart()
-    message['From'] = "Me <me@awsl.uk>"
-    message['To'] = "Admin <admin@awsl.uk>"
-    message['Subject'] = "测试主题"
-    message.attach(MIMEText("测试内容", 'html'))
-    smtp.sendmail("me@awsl.uk", "admin@awsl.uk", message.as_string())
-```

vitepress-docs/docs/zh/guide/feature/subdomain.md

@@ -1,5 +0,0 @@
-# 配置子域名邮箱
-
-参考
-
-- [配置子域名邮箱](https://github.com/dreamhunter2333/cloudflare_temp_email/issues/164#issuecomment-2082612710)

vitepress-docs/docs/zh/guide/github-action.md

@@ -1,5 +0,0 @@
-# 通过 Github Actions 部署
-
-::: warning
-开发中...
-:::

vitepress-docs/docs/zh/guide/quick-start.md

@@ -1,8 +0,0 @@
-# 快速开始
-
-- 良好的网络环境
-- cloudflare 账号
-
-打开 [cloudflare控制台](https://dash.cloudflare.com/)
-
-请查看通过 [命令行部署](/zh/guide/cli/pre-requisite) 或者 [用户界面部署](/zh/guide/ui/d1)

vitepress-docs/docs/zh/guide/star-history.md

@@ -1,7 +0,0 @@
-# Star History
-
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=dreamhunter2333/cloudflare_temp_email&type=Date&theme=dark" />
-  <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=dreamhunter2333/cloudflare_temp_email&type=Date" />
-  <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=dreamhunter2333/cloudflare_temp_email&type=Date" />
-</picture>

vitepress-docs/docs/zh/guide/ui/d1.md

@@ -1,25 +0,0 @@
-# 初始化/更新 D1 数据库
-
-## 初始化数据库
-
-打开 cloudflare 控制台，选择 `Workers & Pages` -> `D1` -> `Create Database`，点击创建数据库
-
-![d1](/ui_install/d1.png)
-
-创建完成后，我们在 cloudflare 的控制台可以看到 D1 数据库
-
-打开 `Console` 标签页，输入 `db/schema.sql` 的内容，点击 `Execute` 执行
-
-![d1](/ui_install/d1-exec.png)
-
-## 更新数据库 schema
-
-`schema` 更新，请确认你之前部署的版本,
-
-查看 [更新日志](https://github.com/dreamhunter2333/cloudflare_temp_email/blob/main/CHANGELOG.md)
-
-找到需要执行的 `patch` 文件, 执行, 例如:  `db/2024-01-13-patch.sql`
-
-打开 `Console` 标签页，输入 `patch` 文件的内容，点击 `Execute` 执行
-
-![d1](/ui_install/d1-exec.png)

vitepress-docs/docs/zh/guide/ui/pages.md

@@ -1,102 +0,0 @@
-# Cloudflare Pages 前端
-
-<script setup>
-import { ref } from 'vue'
-import JSZip from 'jszip';
-
-const domain = ref("")
-const downloadUrl = ref("")
-const tip = ref("下载")
-
-const generate = async () => {
-    try {
-        const response = await fetch("/ui_install/frontend.zip");
-        const arrayBuffer = await response.arrayBuffer();
-        var zip = new JSZip();
-        await zip.loadAsync(arrayBuffer);
-        let target_content = ""
-        let target_path = ""
-        const directory = zip.folder("assets");
-        if (directory) {
-            for (const [relativePath, zipEntry] of Object.entries(directory.files)) {
-                console.log(relativePath);
-                if (relativePath.startsWith("assets/index-") && relativePath.endsWith(".js")){
-                    let content = await zipEntry.async("string");
-                    content = content.replace("https://temp-email-api.xxx.xxx", domain.value);
-                    target_path = relativePath;
-                    zip.file(relativePath, content);
-                    break;
-                }
-            }
-        }
-        if (!target_path) {
-            tip.value = "生成失败";
-            downloadUrl.value = '';
-        }
-        const blob = await zip.generateAsync({ type: "blob" });
-        const url = window.URL.createObjectURL(blob);
-        downloadUrl.value = url;
-    } catch (error) {
-        console.error("Error: ", error);
-    }
-}
-</script>
-
-1. 点击 `Workers & Pages` -> `Overview` -> `Create Application`
-
-    ![create pages](/ui_install/worker_home.png)
-
-2. 选择 `Pages`，选择 `Create using direct upload`
-
-    ![pages](/ui_install/pages.png)
-
-3. 输入部署的 worker 的地址, 地址不要带 `/`，点击生成，成功会出现下载按钮，你会得到一个 zip 包
-    - 此处 worker 域名为后端 api 的域名，比如我部署在 `https://temp-email-api.awsl.uk`，则填写 `https://temp-email-api.awsl.uk`
-    - 如果你的域名是 `https://temp-email-api.xxx.workers.dev`，则填写 `https://temp-email-api.xxx.workers.dev`
-
-    <div :class="$style.container">
-        <input :class="$style.input" type="text" v-model="domain" placeholder="请输入地址"></input>
-        <button :class="$style.button" @click="generate">生成</button>
-        <a v-if="downloadUrl" :href="downloadUrl" download="frontend.zip">{{ tip }}</a>
-    </div>
-
-    > [!NOTE]
-    > 你也可以手动部署，从这里下载 zip, [frontend.zip](https://github.com/dreamhunter2333/cloudflare_temp_email/releases/latest/download/frontend.zip)
-    >
-    > 修改压缩包里面的 index-xxx.js 文件 ，xx 是随机的字符串
-    >
-    > 搜索 `https://temp-email-api.xxx.xxx` ，替换成你worker 的域名，然后部署新的zip文件
-
-4. 选择 `Pages`，点击 `Create Pages`, 修改名称，上传下载的 zip 包，然后点击 `Deploy`
-
-    ![pages1](/ui_install/pages-1.png)
-
-5. 打开 刚刚部署的 `Pages`，点击 `Custom Domain`  这里可以添加自己的域名，你也可以使用自动生成的 `*.pages.dev` 的域名。能打开域名说明部署成功。
-
-    ![pages domain](/ui_install/pages-domain.png)
-
-<style module>
-.container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-}
-.input {
-    border: 2px solid deepskyblue;
-    margin-right: 10px;
-    width: 75%;
-    border-radius: 5px;
-}
-
-.button {
-    background-color: deepskyblue;
-    padding: 5px 10px;
-    border-radius: 5px;
-    margin-right: 10px;
-}
-
-.button:hover {
-    background-color: green;
-}
-</style>

vitepress-docs/docs/zh/guide/ui/worker.md

@@ -1,40 +0,0 @@
-# Cloudflare workers 后端
-
-1. 点击 `Workers & Pages` -> `Overview` -> `Create Application`
-
-    ![create worker](/ui_install/worker_home.png)
-
-2. 选择 `Worker`，点击 `Create Worker`, 修改名称然后点击 `Deploy`
-
-    ![worker1](/ui_install/worker-1.png)
-
-3. 下载 [worker.js](https://github.com/dreamhunter2333/cloudflare_temp_email/releases/latest/download/worker.js)
-
-4. 回到 `Overview`，找到刚刚创建的 worker，点击 `Edit Code`, 删除原来的文件，上传 `worker.js`, 点击 `Deploy`
-
-    > [!NOTE]
-    > 上传需要先点击左侧菜单的 Explorer,
-    > 在文件列表的窗口里点击鼠标右键，在右键菜单里找到 `Upload`,
-    > 请参考下面的截图
-    >
-    > 参考: [issues156](https://github.com/dreamhunter2333/cloudflare_temp_email/issues/156#issuecomment-2079453822)
-
-    ![worker2](/ui_install/worker-2.png)
-    ![worker-upload](/ui_install/worker-upload.png)
-
-5. 点击 `Settings` -> `Trggers`, 这里可以添加自己的域名，你也可以使用自动生成的 `*.workers.dev` 的域名。记录下这个域名，后面部署前端会用到。
-
-    > [!NOTE]
-    > 打开 `worker` 的 `url`，如果显示 `OK` 说明部署成功
-    >
-    > 打开 `/health_check`，如果显示 `OK` 说明部署成功
-
-    ![worker3](/ui_install/worker-3.png)
-
-6. 点击 `Settings` -> `Variables`, 如图所示添加变量，参考 [修改 wrangler.toml 配置文件](/zh/guide/cli/worker.html#修改-wrangler-toml-配置文件) 中的 `vars` 部分
-
-    ![worker-var](/ui_install/worker-var.png)
-
-7. 点击 `Settings` -> `Variables`, 下拉找到 `D1 Database`, 点击 `Add Binding`, 名称如图，选择刚刚创建的 D1 数据库，点击 `Deploy`
-
-    ![worker-d1](/ui_install/worker-d1.png)

vitepress-docs/docs/zh/guide/what-is-temp-mail.md

@@ -1,7 +0,0 @@
-# 临时邮箱简介
-
-## 什么是临时邮箱
-
-临时邮箱，也被称为一次性邮箱或临时邮件地址，是一种用于临时接收邮件的虚拟邮箱。与常规邮箱不同，临时邮箱旨在提供一种匿名且临时的邮件接收解决方案。
-
-临时邮箱往往由网站或在线服务提供商提供，用户可以在需要注册或接收验证邮件时使用临时邮箱地址，而无需暴露自己的真实邮箱地址。这样做的好处是可以保护个人隐私

vitepress-docs/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "temp-mail-docs",
-  "private": true,
-  "version": "0.2.6",
-  "type": "module",
-  "devDependencies": {
-    "@types/node": "^20.12.7",
-    "vitepress": "^1.1.0",
-    "wrangler": "^3.50.0"
-  },
-  "scripts": {
-    "dev": "vitepress dev docs",
-    "build": "vitepress build docs",
-    "preview": "vitepress preview docs",
-    "deploy": "npm run build && wrangler pages deploy ./docs/.vitepress/dist --project-name=temp-mail-docs --branch production"
-  },
-  "dependencies": {
-    "jszip": "^3.10.1"
-  }
-}