Update from GitHub Actions

.cnb.yml

@@ -0,0 +1,10 @@
+master:
+  push:
+    - docker:
+        image: node:18
+      imports: https://cnb.cool/godgodgame/oci-private-key/-/blob/main/envs.yml
+      stages:
+        - name: 环境检查
+          script: echo $GITHUB_TOKEN_GK && echo $GITHUB_TOKEN && node -v && npm -v
+        - name: 将master分支同步更新到github的master分支
+          script: git push https://$GITHUB_TOKEN_GK:[email protected]/zhezzma/msmail.git HEAD:master

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.yml]
+indent_style = space

.prettierrc

@@ -0,0 +1,6 @@
+{
+	"printWidth": 140,
+	"singleQuote": true,
+	"semi": true,
+	"useTabs": true
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+	"files.associations": {
+		"wrangler.json": "jsonc"
+	}
+}

Dockerfile

@@ -0,0 +1,59 @@
+# 基础镜像：使用 Node.js 20 的 Alpine Linux 版本
+FROM node:20-alpine
+
+# 设置工作目录
+WORKDIR /app
+
+# 安装系统依赖
+RUN apk add --no-cache \
+    # 基本构建工具
+    python3 \
+    make \
+    g++ \
+    # Playwright 依赖
+    chromium \
+    nss \
+    freetype \
+    freetype-dev \
+    harfbuzz \
+    ca-certificates \
+    ttf-freefont \
+    # 其他依赖
+    gcompat
+
+# 设置 Playwright 的环境变量
+ENV PLAYWRIGHT_BROWSERS_PATH=/usr/bin
+ENV PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1
+ENV PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH=/usr/bin/chromium-browser
+ENV PLAYWRIGHT_SKIP_BROWSER_VALIDATION=1
+
+# 复制依赖文件并安装
+COPY package*.json  ./
+COPY tsconfig*.json ./
+COPY vite.config.ts ./
+COPY index.html ./
+COPY index.ts ./
+COPY src/ ./src/
+COPY public/ ./public/
+COPY functions/ ./functions/
+
+
+RUN npm install
+RUN npm run build:server
+
+# 创建非 root 用户和用户组
+RUN addgroup -S -g 1001 nodejs && \
+    adduser -S -D -H -u 1001 -G nodejs hono
+
+# 设置应用文件的所有权
+RUN chown -R hono:nodejs /app
+
+# 切换到非 root 用户
+USER hono
+
+# 声明容器要暴露的端口
+EXPOSE 7860
+ENV PORT=7860
+
+# 启动应用
+CMD ["node", "dist-server/index.js"]

auto-imports.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+
+}

components.d.ts

@@ -0,0 +1,39 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    MonacoEditor: typeof import('./src/components/MonacoEditor.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    TAside: typeof import('tdesign-vue-next')['Aside']
+    TButton: typeof import('tdesign-vue-next')['Button']
+    TCard: typeof import('tdesign-vue-next')['Card']
+    TCheckbox: typeof import('tdesign-vue-next')['Checkbox']
+    TContent: typeof import('tdesign-vue-next')['Content']
+    TDialog: typeof import('tdesign-vue-next')['Dialog']
+    TDivider: typeof import('tdesign-vue-next')['Divider']
+    TDrawer: typeof import('tdesign-vue-next')['Drawer']
+    TDropdown: typeof import('tdesign-vue-next')['Dropdown']
+    TFooter: typeof import('tdesign-vue-next')['Footer']
+    TForm: typeof import('tdesign-vue-next')['Form']
+    TFormItem: typeof import('tdesign-vue-next')['FormItem']
+    THeader: typeof import('tdesign-vue-next')['Header']
+    TIcon: typeof import('tdesign-vue-next')['Icon']
+    TInput: typeof import('tdesign-vue-next')['Input']
+    TLayout: typeof import('tdesign-vue-next')['Layout']
+    TList: typeof import('tdesign-vue-next')['List']
+    TListItem: typeof import('tdesign-vue-next')['ListItem']
+    TLoading: typeof import('tdesign-vue-next')['Loading']
+    TMenu: typeof import('tdesign-vue-next')['Menu']
+    TMenuItem: typeof import('tdesign-vue-next')['MenuItem']
+    TPagination: typeof import('tdesign-vue-next')['Pagination']
+    TTable: typeof import('tdesign-vue-next')['Table']
+    TTextarea: typeof import('tdesign-vue-next')['Textarea']
+  }
+}

functions/api/account.ts

@@ -0,0 +1,58 @@
+import { authMiddleware } from "../utils/auth.js";
+import { addCorsHeaders } from "../utils/cors.js";
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env = context.env as Env;
+
+    const authResponse = await authMiddleware(request, env);
+    if (authResponse) {
+        return addCorsHeaders(authResponse);
+    }
+
+    const KV_KEY = "accounts" 
+
+    try {
+        // GET 请求处理
+        if (request.method === 'GET') {
+            const accounts = await env.KV.get(KV_KEY);
+            return addCorsHeaders(new Response(accounts || '[]', {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' }
+            }));
+        }
+        
+        // POST 请求处理
+        if (request.method === 'POST') {
+            const data = await request.json();
+            
+            // 验证数据格式
+            if (!Array.isArray(data)) {
+                return addCorsHeaders(new Response(JSON.stringify({ error: '无效的数据格式' }), {
+                    status: 400,
+                    headers: { 'Content-Type': 'application/json' }
+                }));
+            }
+
+            // 存储账号数据
+            await env.KV.put(KV_KEY, JSON.stringify(data));
+            
+            return addCorsHeaders(new Response(JSON.stringify({ message: '保存成功' }), {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' }
+            }));
+        }
+
+        // 不支持的请求方法
+        return addCorsHeaders(new Response(JSON.stringify({ error: '不支持的请求方法' }), {
+            status: 405,
+            headers: { 'Content-Type': 'application/json' }
+        }));
+
+    } catch (error) {
+        return addCorsHeaders(new Response(JSON.stringify({ error: '服务器内部错误' }), {
+            status: 500,
+            headers: { 'Content-Type': 'application/json' }
+        }));
+    }
+};

functions/api/login.ts

@@ -0,0 +1,42 @@
+import { generateToken } from '../utils/jwt.js';
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env = context.env as Env;
+    try {
+        // 解析登录凭证
+        const credentials = await request.json() as LoginCredentials;
+        // 验证用户名和密码
+        if (credentials.username === env.USER_NAME && credentials.password === env.PASSWORD) {
+            // 生成JWT令牌
+            const token = await generateToken(credentials.username, env.JWT_SECRET);
+            return new Response(
+                JSON.stringify({
+                    success: true,
+                    token,
+                    user: { username: credentials.username }
+                }),
+                {
+                    status: 200,
+                    headers: { 'Content-Type': 'application/json' }
+                }
+            );
+        }
+
+        // 登录失败: 无效的凭证
+        return new Response(
+            JSON.stringify({
+                success: false,
+                error: 'Invalid credentials'
+            }),
+            {
+                status: 401,
+                headers: { 'Content-Type': 'application/json' }
+            }
+        );
+    } catch (error) {
+        // 登录处理失败
+        console.error(`登录处理失败:`, error);
+        throw error;
+    }
+}

functions/api/mail/all.ts

@@ -0,0 +1,66 @@
+import { authApiToken, authMiddleware } from "../../utils/auth.js";
+import { addCorsHeaders } from "../../utils/cors.js";
+import { get_access_token, getEmails } from "../../utils/mail.js";
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env: Env = context.env;
+
+    // 验证权限
+    const authResponse = await authMiddleware(request, env);
+    const apiResponse = await authApiToken(request, env);
+    if (authResponse && apiResponse) {
+        return addCorsHeaders(authResponse);
+    }
+    
+    // 获取请求参数
+    const url = new URL(request.url);
+    const method = request.method;
+    const params: any = method === 'GET'
+        ? Object.fromEntries(url.searchParams)
+        : await request.json();
+
+    const { email, limit = 10 } = params;
+
+    // 检查必要参数
+    if (!email) {
+        return new Response(
+            JSON.stringify({
+                error: 'Missing required parameters: email'
+            }),
+            { status: 400 }
+        );
+    }
+
+    try {
+        // 从KV获取刷新令牌
+        const tokenInfoStr = await env.KV.get(`refresh_token_${email}`);
+        if (!tokenInfoStr) {
+            throw new Error("No refresh token found for this email");
+        }
+        const tokenInfo = JSON.parse(tokenInfoStr);
+        const access_token = await get_access_token(tokenInfo, env.ENTRA_CLIENT_ID, env.ENTRA_CLIENT_SECRET);
+        const emails = await getEmails(access_token, Number(limit));
+        
+        return new Response(
+            JSON.stringify(emails),
+            {
+                status: 200,
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Access-Control-Allow-Origin': '*'
+                }
+            }
+        );
+    } catch (error: any) {
+        return new Response(
+            JSON.stringify({ error: error.message }),
+            {
+                status: 500, headers: {
+                    'Content-Type': 'application/json',
+                    'Access-Control-Allow-Origin': '*'
+                }
+            }
+        );
+    }
+};

functions/api/mail/auth.ts

@@ -0,0 +1,203 @@
+import { authApiToken, authMiddleware } from "../../utils/auth.js";
+import { addCorsHeaders } from "../../utils/cors.js";
+import { chromium } from 'playwright';
+import { getVerificationCode } from '../../utils/emailVerification.js';
+
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env: Env = context.env;
+
+    // 验证权限
+    const authResponse = await authMiddleware(request, env);
+    const apiResponse = await authApiToken(request, env);
+    if (authResponse && apiResponse) {
+        return addCorsHeaders(authResponse);
+    }
+
+    try {
+        const { email } = await request.json() as any;
+        if (!email) {
+            throw new Error("Email is required");
+        }
+
+        // 获取账户信息
+        const accountsStr = await env.KV.get("accounts");
+        const accounts: any[] = accountsStr ? JSON.parse(accountsStr) : [];
+        const account = accounts.find(a => a.email === email);
+        if (!account) {
+            throw new Error("Account not found");
+        }
+        const clientId = env.ENTRA_CLIENT_ID;
+        const clientSecret = env.ENTRA_CLIENT_SECRET;
+        const redirectUri = env.AUTH_REDIRECT_URI;
+        let browser;
+        let context;
+        try {
+            browser = await chromium.launch({
+                headless: true,
+                args: [
+                  '--no-sandbox',
+                  '--disable-setuid-sandbox',
+                  '--disable-dev-shm-usage',
+                  '--disable-blink-features=AutomationControlled', // 禁用自动化特征
+                  '--disable-infobars',
+                  '--window-size=1920,1080'
+                ],
+                executablePath: process.env.PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH, // 使用系统 Chromium
+            });
+            context = await browser.newContext();
+            const page = await context.newPage();
+
+            const authUrl = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize?` +
+                `client_id=${clientId}` +
+                `&response_type=code` +
+                `&redirect_uri=${encodeURIComponent(redirectUri)}` +
+                `&response_mode=query` +
+                `&scope=offline_access%20IMAP.AccessAsUser.All%20User.Read%20Mail.ReadWrite.Shared%20Mail.Send%20Mail.Read` +
+                `&prompt=consent` + //强制显示权限确认窗口
+                `&state=${email}`;
+
+
+            console.log(authUrl)
+
+            //开始认证
+            await page.goto(authUrl);
+            await page.fill('input[type="email"]', account.email);
+            await page.click('input[type="submit"]');
+
+            try {
+                await page.waitForSelector('#idA_PWD_SwitchToPassword', { timeout: 3000 });
+                await page.click('#idA_PWD_SwitchToPassword');
+            } catch (error) {
+                console.log(`没有切换到密码登录，继续执行: ${error}`);
+            }
+
+            try {
+                const timestamp = Math.floor(Date.now() / 1000);
+                await page.waitForSelector('#idA_PWD_SwitchToCredPicker', { timeout: 3000 });
+
+                try {
+                    //处理email验证
+                    const proof = [
+                        {
+                            "suffix": "godgodgame.com",
+                            "apiUrl": "http://159.138.99.139:89/api/latest-email",
+                            "token": env.PROOF_GODGODGAME_TOKEN
+                        },
+                        {
+                            "suffix": "igiven.com",
+                            "apiUrl": "http://159.138.99.139:90/api/latest-email",
+                            "token": env.PROOF_IGIVEN_TOKEN
+                        }
+                    ]
+
+                    const suffix = email.substring(email.indexOf('@') + 1);
+                    const proofConfig = proof.find(p => p.suffix === suffix)!;
+                    const verificationCode = await getVerificationCode(proofConfig.apiUrl, proofConfig.token!, account.proofEmail, timestamp);
+
+                    await page.fill('input[type="tel"]', verificationCode);
+                    await page.click('button[type="submit"]');
+                }
+                catch (error) {
+                    throw new Error(`邮箱验证失败:${error}`)
+                }
+
+                await page.click('#idA_PWD_SwitchToCredPicker');
+                await page.click('#tileList > div:nth-child(2) Button');
+
+            } catch (error) {
+                console.log(`没有直接发邮件验证，继续执行: ${error}`);
+            }
+
+            //输入密码
+            await page.waitForURL("https://login.live.com/**")
+            await page.fill('input[type="password"]', account.password);
+            await page.click('button[type="submit"]');
+
+            //确认登录
+            await page.waitForURL('https://login.live.com/ppsecure/**')
+            await page.click('button[type="submit"]#acceptButton'); // 同意按钮
+
+            //同意授权
+            try {
+                // 等待同意授权页面，如果超时5秒则跳过
+                await page.waitForURL("https://account.live.com/Consent/**", { timeout: 5000 })
+                await page.click('button[type="submit"][data-testid="appConsentPrimaryButton"]');
+            } catch (error) {
+                // 如果超时或页面未出现，直接继续执行
+                console.log("Consent page not found or timeout, skipping...");
+            }
+            await page.waitForURL((url)=>{
+                console.log(url)
+                return  url.href.startsWith(redirectUri);
+            })
+        } finally {
+            if (context) await context.close();
+            if (browser) await browser.close();
+        }
+
+
+        // 等待回调处理完成，检查 KV 中是否有对应的 code
+        let code = null;
+        const maxRetries = 30;
+        let retries = 0;
+
+        while (!code && retries < maxRetries) {
+            const codeKey = `code_${email}`;
+            code = await env.KV.get(codeKey);
+
+            if (!code) {
+                await new Promise(resolve => setTimeout(resolve, 1000));
+                retries++;
+            }
+        }
+
+        if (!code) {
+            throw new Error("Authorization timeout");
+        }
+
+        // 使用授权码获取刷新令牌
+        const tokenResponse = await fetch('https://login.microsoftonline.com/common/oauth2/v2.0/token', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+            body: new URLSearchParams({
+                client_id: clientId,
+                client_secret: clientSecret,
+                code: code,
+                redirect_uri: redirectUri,
+                grant_type: 'authorization_code'
+            })
+        });
+
+        const tokenData: any = await tokenResponse.json();
+        if (!tokenData.refresh_token) {
+            throw new Error("Failed to get refresh token");
+        }
+        if (!tokenData.expires_in) {
+            throw new Error("Missing expires_in in token response");
+        }
+     
+        // 存储刷新令牌和时间戳
+        const tokenInfo = {
+            ...tokenData,
+            timestamp: Date.now()
+        };
+        console.log(tokenInfo);
+        await env.KV.put(`refresh_token_${email}`, JSON.stringify(tokenInfo));
+
+        // 删除临时授权码
+        await env.KV.delete(`code_${email}`);
+
+        return new Response(JSON.stringify({ success: true }), {
+            status: 200,
+            headers: { 'Content-Type': 'application/json' }
+        });
+
+    } catch (error: any) {
+        return new Response(
+            JSON.stringify({ error: error.message }),
+            { status: 500 }
+        );
+    }
+};

functions/api/mail/callback.ts

@@ -0,0 +1,29 @@
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env: Env = context.env;
+
+    try {
+        const url = new URL(request.url);
+        const code = url.searchParams.get('code');
+        const email = url.searchParams.get('state'); // 假设我们在state参数中传递了email
+        const error_Msg = url.searchParams.get('error_description');
+        if (!code || !email) {
+            throw new Error(`Missing code or email:${error_Msg}`);
+        }
+        console.log(code,email)
+        // 将授权码存储到KV中
+        await env.KV.put(`code_${email}`, code, { expirationTtl: 300 }); // 5分钟过期
+
+        return new Response("Authorization successful. You can close this window.", {
+            status: 200,
+            headers: { 'Content-Type': 'text/plain' }
+        });
+
+    } catch (error: any) {
+        return new Response(
+            JSON.stringify({ error: error.message }),
+            { status: 500 }
+        );
+    }
+};

functions/api/mail/new.ts

@@ -0,0 +1,66 @@
+import { authApiToken, authMiddleware } from "../../utils/auth.js";
+import { addCorsHeaders } from "../../utils/cors.js";
+import { get_access_token, getEmails } from "../../utils/mail.js";
+
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env: Env = context.env;
+
+    // 验证权限
+    const authResponse = await authMiddleware(request, env);
+    const apiResponse = await authApiToken(request, env);
+    if (authResponse && apiResponse) {
+
+        return addCorsHeaders(authResponse);
+    }
+
+    // 获取请求参数
+    const url = new URL(request.url);
+    const method = request.method;
+    const params: any = method === 'GET'
+        ? Object.fromEntries(url.searchParams)
+        : await request.json();
+
+    const { email, mailbox = "INBOX ", response_type = 'json' } = params;
+
+    // 检查必要参数
+    if (!email) {
+        return new Response(
+            JSON.stringify({
+                error: 'Missing required parameters: email'
+            }),
+            { status: 400 }
+        );
+    }
+    try {
+        // 从KV获取刷新令牌
+        const tokenInfoStr = await env.KV.get(`refresh_token_${email}`);
+        if (!tokenInfoStr) {
+            throw new Error("No refresh token found for this email");
+        }
+        const tokenInfo = JSON.parse(tokenInfoStr);
+        const access_token = await get_access_token(tokenInfo, env.ENTRA_CLIENT_ID, env.ENTRA_CLIENT_SECRET);
+        const emails = await getEmails(access_token, 1); // 只获取最新的一封邮件
+        return new Response(
+            JSON.stringify(emails[0] || null),
+            {
+                status: 200,
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Access-Control-Allow-Origin': '*'
+                }
+            }
+        );
+    } catch (error: any) {
+        return new Response(
+            JSON.stringify({ error: error.message }),
+            {
+                status: 500, headers: {
+                    'Content-Type': 'application/json',
+                    'Access-Control-Allow-Origin': '*'
+                }
+            }
+        );
+    }
+};

functions/api/mail/send.ts

@@ -0,0 +1,70 @@
+import { authApiToken, authMiddleware } from "../../utils/auth.js";
+import { addCorsHeaders } from "../../utils/cors.js";
+import { get_access_token, sendEmail } from "../../utils/mail.js";
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env: Env = context.env;
+
+    // 验证权限
+    const authResponse = await authMiddleware(request, env);
+    const apiResponse = await authApiToken(request, env);
+    if (authResponse && apiResponse) {
+        return addCorsHeaders(authResponse);
+    }
+
+    const method = request.method;
+    if (method !== 'POST') {
+        return new Response(
+            JSON.stringify({ error: 'Method not allowed' }),
+            { status: 405 }
+        );
+    }
+
+    try {
+        const { email, to, subject, body, isHtml = false } = await request.json() as any;
+
+        // 检查必要参数
+        if (!email || !to || !subject || !body) {
+            return new Response(
+                JSON.stringify({
+                    error: 'Missing required parameters: email, to, subject, body'
+                }),
+                { status: 400 }
+            );
+        }
+
+        // 从KV获取刷新令牌
+        const tokenInfoStr = await env.KV.get(`refresh_token_${email}`);
+        if (!tokenInfoStr) {
+            throw new Error("No refresh token found for this email");
+        }
+        const tokenInfo = JSON.parse(tokenInfoStr);
+        const access_token = await get_access_token(tokenInfo, env.ENTRA_CLIENT_ID, env.ENTRA_CLIENT_SECRET);
+        
+        // 发送邮件
+        await sendEmail(access_token, Array.isArray(to) ? to : [to], subject, body, isHtml);
+
+        return new Response(
+            JSON.stringify({ message: 'Email sent successfully' }),
+            {
+                status: 200,
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Access-Control-Allow-Origin': '*'
+                }
+            }
+        );
+    } catch (error: any) {
+        return new Response(
+            JSON.stringify({ error: error.message }),
+            {
+                status: 500, headers: {
+                    'Content-Type': 'application/json',
+                    'Access-Control-Allow-Origin': '*'
+                }
+            }
+        );
+    }
+};
+

functions/api/setting.ts

@@ -0,0 +1,51 @@
+
+import { authMiddleware } from "../utils/auth.js";
+import { addCorsHeaders } from "../utils/cors.js";
+
+
+export const onRequest = async (context: RouteContext): Promise<Response> => {
+    const request = context.request;
+    const env = context.env as Env;
+
+    const authResponse = await authMiddleware(request, env);
+    if (authResponse) {
+        return addCorsHeaders(authResponse);
+    }
+
+    const KV_KEY = "settings"
+
+    try {
+        // GET 请求处理
+        if (request.method === 'GET') {
+            const settings = await env.KV.get(KV_KEY);
+            return addCorsHeaders(new Response(settings || '{}', {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' }
+            }));
+        }
+
+        // POST 请求处理
+        if (request.method === 'POST') {
+            const data = await request.json();
+            // 存储账号数据
+            await env.KV.put(KV_KEY, JSON.stringify(data));
+
+            return addCorsHeaders(new Response(JSON.stringify({ message: '保存成功' }), {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' }
+            }));
+        }
+
+        // 不支持的请求方法
+        return addCorsHeaders(new Response(JSON.stringify({ error: '不支持的请求方法' }), {
+            status: 405,
+            headers: { 'Content-Type': 'application/json' }
+        }));
+
+    } catch (error) {
+        return addCorsHeaders(new Response(JSON.stringify({ error: '服务器内部错误' }), {
+            status: 500,
+            headers: { 'Content-Type': 'application/json' }
+        }));
+    }
+};

functions/types.d.ts

@@ -0,0 +1,43 @@
+
+interface KVNamespace {
+  put: (key: string, value: string, options?: { expiration?: number, expirationTtl?: number, metadata?: object }) => Promise<void>;
+  get: (key: string) => Promise<string | null>;
+  delete: (key: string) => Promise<void>;
+}
+
+interface Env {
+  SEND_PASSWORD:string;
+  API_TOKEN: string;    // API 访问令牌
+  JWT_SECRET: string;   // JWT 密钥
+  USER_NAME: string;    // 用户名
+  PASSWORD: string;     // 密码
+  ENTRA_CLIENT_ID:string;
+  ENTRA_CLIENT_SECRET:string;
+  AUTH_REDIRECT_URI:string;
+  PROOF_GODGODGAME_TOKEN:string;
+  PROOF_IGIVEN_TOKEN:string;
+  KV: KVNamespace;
+  ASSETS:any;
+}
+
+/**
+ * 登录凭证接口
+ */
+interface LoginCredentials {
+  /** 用户名 */
+  username: string;
+  /** 密码 */
+  password: string;
+}
+
+
+interface RouteContext {
+  request: Request;
+  functionPath: string;
+  waitUntil: (promise: Promise<any>) => void;
+  passThroughOnException: () => void;
+  next: (input?: Request | string, init?: RequestInit) => Promise<Response>;
+  env: Env;
+  params: any;
+  data: any;
+}

functions/utils/auth.ts

@@ -0,0 +1,41 @@
+import { verifyToken } from './jwt.js';
+
+/**
+ * 认证中间件
+ * @param request 请求对象
+ * @param env 环境变量
+ * @param requestId 请求ID
+ * @returns 如果认证失败返回错误响应，否则返回 null
+ */
+export async function authMiddleware(request: Request, env: Env): Promise<Response | null> {
+    const isValid = await verifyToken(request, env.JWT_SECRET);
+    if (!isValid) {
+        return new Response(
+            JSON.stringify({ error: 'Unauthorized' }),
+            {
+                status: 401,
+                headers: { 'Content-Type': 'application/json' }
+            }
+        );
+    }
+
+    return null;
+}
+
+export async function authApiToken(request: Request, env: Env): Promise<Response | null> {
+    // 验证API令牌
+    const authHeader = request.headers.get('Authorization');
+    if (authHeader !== `Bearer ${env.API_TOKEN}`) {
+        return new Response(
+            JSON.stringify({ error: 'Unauthorized' }),
+            {
+                status: 401,
+                headers: { 'Content-Type': 'application/json' }
+            }
+        );
+    }
+
+    return null;
+}
+
+

functions/utils/cors.ts

@@ -0,0 +1,37 @@
+/**
+ * CORS 相关的响应头配置
+ */
+export const CORS_HEADERS = {
+    'Access-Control-Allow-Origin': '*',  // 允许所有来源
+    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',  // 允许的HTTP方法
+    'Access-Control-Allow-Headers': 'Content-Type, Authorization, X-Requested-With',  // 允许的请求头
+    'Access-Control-Max-Age': '86400',  // 预检请求的有效期
+};
+
+/**
+ * 处理 OPTIONS 预检请求
+ */
+export function handleOptions(): Response {
+    return new Response(null, {
+        status: 204,
+        headers: CORS_HEADERS
+    });
+}
+
+/**
+ * 为响应添加 CORS 头
+ * @param response 原始响应对象
+ * @returns 添加了 CORS 头的新响应对象
+ */
+export function addCorsHeaders(response: Response): Response {
+    const newHeaders = new Headers(response.headers);
+    Object.entries(CORS_HEADERS).forEach(([key, value]) => {
+        newHeaders.set(key, value);
+    });
+
+    return new Response(response.body, {
+        status: response.status,
+        statusText: response.statusText,
+        headers: newHeaders
+    });
+}

functions/utils/emailVerification.ts

@@ -0,0 +1,41 @@
+
+
+export async function getVerificationCode(proofApi: string, apiKey: String, proofEmail: string, timestamp: number): Promise<string> {
+    const maxRetries = 30;
+    console.log(`开始获取验证码${proofApi},${apiKey},${timestamp},${new Date(timestamp * 1000)}`);
+    for (let i = 0; i < maxRetries; i++) {
+        try {
+            const params = new URLSearchParams({
+                to: proofEmail,
+                from: '[email protected]',
+                timestamp: timestamp.toString()
+            });
+
+            const url = `${proofApi}?${params.toString()}`;
+            const response = await fetch(url, {
+                headers: {
+                    'Authorization': `Bearer ${apiKey}`
+                },
+                method: 'GET'
+            });
+
+            if (response.status === 200) {
+                const data: any = await response.json();
+                const match = data.text.match(/:\s*(\d+)\n\n/);
+                if (match) {
+                    console.log(proofEmail, `获取验证码成功: ${match[1]}`);
+                    return match[1];
+                }
+            }
+            else {
+                console.log(proofEmail, `获取验证码失败: ${await response.text()}`);
+            }
+            await new Promise(resolve => setTimeout(resolve, 2000));
+        } catch (error) {
+            if (i === maxRetries - 1) {
+                throw new Error("Failed to get verification code after maximum retries");
+            }
+        }
+    }
+    throw new Error("Failed to get verification code");
+}

functions/utils/jwt.ts

@@ -0,0 +1,87 @@
+/**
+ * 生成 JWT token
+ * @param username 用户名
+ * @param secret 密钥
+ * @returns 生成的 token 字符串
+ */
+export async function generateToken(username: string, secret: string): Promise<string> {
+    // JWT 头部信息
+    const header = { alg: 'HS256', typ: 'JWT' };
+    // JWT 载荷信息
+    const payload = {
+      sub: username,
+      exp: Math.floor(Date.now() / 1000) + (30 * 24 * 60 * 60), //30天后过期
+      iat: Math.floor(Date.now() / 1000) // 签发时间
+    };
+  
+    const encodedHeader = btoa(JSON.stringify(header));
+    const encodedPayload = btoa(JSON.stringify(payload));
+    const signature = await createHmacSignature(
+      `${encodedHeader}.${encodedPayload}`,
+      secret
+    );
+  
+    return `${encodedHeader}.${encodedPayload}.${signature}`;
+  }
+  
+  /**
+   * 验证 JWT token
+   * @param request 请求对象
+   * @param secret 密钥
+   * @returns 验证是否通过
+   */
+  export async function verifyToken(request: Request, secret: string): Promise<boolean> {
+    const authHeader = request.headers.get('Authorization');
+    if (!authHeader?.startsWith('Bearer ')) {
+      return false;
+    }
+  
+    const token = authHeader.split(' ')[1];
+    try {
+      const [headerB64, payloadB64, signatureB64] = token.split('.');
+      const expectedSignature = await createHmacSignature(
+        `${headerB64}.${payloadB64}`,
+        secret
+      );
+  
+      if (signatureB64 !== expectedSignature) {
+        return false;
+      }
+  
+      const payload = JSON.parse(atob(payloadB64));
+      const now = Math.floor(Date.now() / 1000);
+  
+      return payload.exp > now;
+    } catch (error) {
+      console.error('Token verification failed:', error);
+      return false;
+    }
+  }
+  
+  /**
+   * 创建 HMAC 签名
+   * @param message 需要签名的消息
+   * @param secret 密钥
+   * @returns 签名字符串
+   */
+  async function createHmacSignature(message: string, secret: string): Promise<string> {
+    const encoder = new TextEncoder();
+    const keyData = encoder.encode(secret);
+    const messageData = encoder.encode(message);
+  
+    const cryptoKey = await crypto.subtle.importKey(
+      'raw',
+      keyData,
+      { name: 'HMAC', hash: 'SHA-256' },
+      false,
+      ['sign']
+    );
+  
+    const signature = await crypto.subtle.sign(
+      'HMAC',
+      cryptoKey,
+      messageData
+    );
+  
+    return btoa(String.fromCharCode(...new Uint8Array(signature)));
+  }

functions/utils/mail.ts

@@ -0,0 +1,256 @@
+import PostalMime from 'postal-mime';
+
+export async function get_access_token(tokenInfo: any, client_id: string, clientSecret: string) {
+    // 检查token是否过期（提前5分钟刷新）
+    const now = Date.now();
+    const expiryTime = tokenInfo.timestamp + (tokenInfo.expires_in * 1000);
+    const shouldRefresh = now >= (expiryTime - 300000); // 5分钟 = 300000毫秒
+    if (!shouldRefresh) {
+        return tokenInfo.access_token;
+    }
+    const response = await fetch('https://login.microsoftonline.com/common/oauth2/v2.0/token', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams({
+            'client_id': client_id,
+            'client_secret': clientSecret,
+            'grant_type': 'refresh_token',
+            'refresh_token': tokenInfo.refresh_token
+        })
+    });
+
+    if (!response.ok) {
+        const errorText = await response.text();
+        throw new Error(`HTTP error! status: ${response.status}, response: ${errorText}`);
+    }
+    const data = await response.json() as any;
+    return data.access_token;
+}
+
+//https://learn.microsoft.com/zh-cn/graph/api/resources/mail-api-overview?view=graph-rest-1.0
+
+/**
+ * 获取邮件列表
+ */
+interface ParsedEmail {
+  id: string;
+  subject: string;
+  from: string;
+  to: string[];
+  date: {
+    created: string;
+    received: string;
+    sent: string;
+    modified: string;
+  };
+  text: string;
+  html: string;
+  importance: string;
+  isRead: boolean;
+  isDraft: boolean;
+  hasAttachments: boolean;
+  webLink: string;
+  preview: string;
+  categories: string[];
+  internetMessageId: string;
+  metadata: {
+    platform?: string;
+    browser?: string;
+    ip?: string;
+    location?: string;
+  };
+}
+
+async function parseEmail(email: any): Promise<ParsedEmail> {
+  const parser = new PostalMime();
+  let content = '';
+  
+  try {
+    if (email.body.content) {
+      content = email.body.content;
+    } else {
+      const response = await fetch(email.body.contentUrl);
+      content = await response.text();
+    }
+    
+    const parsed = await parser.parse(content);
+
+    // 从HTML内容中提取元数据
+    const htmlContent = email.body.content || '';
+    const platformMatch = htmlContent.match(/Platform:\s*([^<\r\n]+)/);
+    const browserMatch = htmlContent.match(/Browser:\s*([^<\r\n]+)/);
+    const ipMatch = htmlContent.match(/IP address:\s*([^<\r\n]+)/);
+    const locationMatch = htmlContent.match(/Country\/region:\s*([^<\r\n]+)/);
+    
+    return {
+      id: email.id,
+      subject: email.subject,
+      from: email.from.emailAddress.address,
+      to: email.toRecipients.map((r: any) => r.emailAddress.address),
+      date: {
+        created: email.createdDateTime,
+        received: email.receivedDateTime,
+        sent: email.sentDateTime,
+        modified: email.lastModifiedDateTime
+      },
+      text: parsed.text || email.bodyPreview || '',
+      html: parsed.html || email.body.content || '',
+      importance: email.importance,
+      isRead: email.isRead,
+      isDraft: email.isDraft,
+      hasAttachments: email.hasAttachments,
+      webLink: email.webLink,
+      preview: email.bodyPreview,
+      categories: email.categories,
+      internetMessageId: email.internetMessageId,
+      metadata: {
+        platform: platformMatch?.[1]?.trim(),
+        browser: browserMatch?.[1]?.trim(),
+        ip: ipMatch?.[1]?.trim(),
+        location: locationMatch?.[1]?.trim(),
+      }
+    };
+  } catch (error) {
+    console.error('解析邮件失败:', error);
+    return {
+      id: email.id,
+      subject: email.subject,
+      from: email.from.emailAddress.address,
+      to: email.toRecipients.map((r: any) => r.emailAddress.address),
+      date: {
+        created: email.createdDateTime,
+        received: email.receivedDateTime,
+        sent: email.sentDateTime,
+        modified: email.lastModifiedDateTime
+      },
+      text: email.bodyPreview || '',
+      html: email.body.content || '',
+      importance: email.importance,
+      isRead: email.isRead,
+      isDraft: email.isDraft,
+      hasAttachments: email.hasAttachments,
+      webLink: email.webLink,
+      preview: email.bodyPreview,
+      categories: email.categories,
+      internetMessageId: email.internetMessageId,
+      metadata: {}
+    };
+  }
+}
+
+export async function getEmails(accessToken: string, limit = 50): Promise<ParsedEmail[]> {
+    const endpoint = 'https://graph.microsoft.com/v1.0/me/messages';
+    
+
+    console.log(accessToken)
+    const response = await fetch(`${endpoint}?$top=${limit}`, {
+      method: 'GET',
+      headers: {
+        'Authorization': `Bearer ${accessToken}`,
+        'Content-Type': 'application/json'
+      }
+    });
+    
+    const data = await response.json() as any;
+    
+
+
+    if (!response.ok) {
+      throw new Error(`获取邮件失败: ${data.error?.message}`);
+    }
+    
+    const emails = data.value;
+    console.log(emails)
+    const parsedEmails = await Promise.all(emails.map(parseEmail));
+    return parsedEmails;
+  }
+  
+  /**
+   * 删除单个邮件
+   */
+  export async function deleteEmail(accessToken: string, emailId: string): Promise<void> {
+    const endpoint = `https://graph.microsoft.com/v1.0/me/messages/${emailId}`;
+    
+    const response = await fetch(endpoint, {
+      method: 'DELETE',
+      headers: {
+        'Authorization': `Bearer ${accessToken}`
+      }
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json() as any;
+      throw new Error(`删除邮件失败: ${errorData.error?.message}`);
+    }
+  }
+  
+  /**
+   * 清空邮箱 (批量删除邮件)
+   */
+  export async function emptyMailbox(accessToken: string, batchSize = 50): Promise<void> {
+    let hasMoreEmails = true;
+    let totalDeleted = 0;
+    
+    while (hasMoreEmails) {
+      // 获取一批邮件
+      const emails = await getEmails(accessToken, batchSize);
+      
+      if (emails.length === 0) {
+        hasMoreEmails = false;
+        break;
+      }
+      
+      // 删除该批次的每封邮件
+      const deletePromises = emails.map(email => deleteEmail(accessToken, email.id));
+      await Promise.all(deletePromises);
+      
+      totalDeleted += emails.length;
+      console.log(`已删除 ${emails.length} 封邮件，累计: ${totalDeleted}`);
+    }
+    
+    console.log('邮箱已清空');
+  }
+  
+  /**
+   * 发送邮件
+   */
+  export async function sendEmail(
+    accessToken: string, 
+    to: string[], 
+    subject: string, 
+    body: string, 
+    isHtml = false
+  ): Promise<void> {
+    const endpoint = 'https://graph.microsoft.com/v1.0/me/sendMail';
+    
+    const emailData = {
+      message: {
+        subject,
+        body: {
+          contentType: isHtml ? 'HTML' : 'Text',
+          content: body
+        },
+        toRecipients: to.map(recipient => ({
+          emailAddress: {
+            address: recipient
+          }
+        }))
+      }
+    };
+    
+    const response = await fetch(endpoint, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${accessToken}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(emailData)
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json() as any;
+      throw new Error(`发送邮件失败: ${errorData.error?.message}`);
+    }
+  }

index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>微软邮箱管理平台</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

index.ts

@@ -0,0 +1,184 @@
+import { Context, Hono } from 'hono'
+import * as dotenv from 'dotenv'
+import { cors } from "hono/cors";
+import { compress } from "hono/compress";
+import { prettyJSON } from "hono/pretty-json";
+import { trimTrailingSlash } from "hono/trailing-slash";
+import { serve } from '@hono/node-server'
+import { createStorage } from "unstorage";
+import cloudflareKVHTTPDriver from "unstorage/drivers/cloudflare-kv-http";
+import { serveStatic } from '@hono/node-server/serve-static'
+
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { dirname } from 'path'
+
+// 导入所有路由处理函数
+import { onRequest as handleAccount } from './functions/api/account.js'
+import { onRequest as handleLogin } from './functions/api/login.js'
+import { onRequest as handleSetting } from './functions/api/setting.js'
+import { onRequest as handleMailAuth } from './functions/api/mail/auth.js'
+import { onRequest as handleMailCallback } from './functions/api/mail/callback.js'
+import { onRequest as handleMailAll } from './functions/api/mail/all.js'
+import { onRequest as handleMailNew } from './functions/api/mail/new.js'
+import { onRequest as handleMailSend } from './functions/api/mail/send.js'
+
+dotenv.config({ path: ['.env', '.env.local'], override: true });
+const isDev = process.env.NODE_ENV === 'development'
+
+const app = new Hono<{ Bindings: Env }>()
+app.use(compress());
+app.use(prettyJSON());
+app.use(trimTrailingSlash());
+app.use('*', cors({
+    origin: '*',
+    allowMethods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
+    allowHeaders: ['Content-Type', 'Authorization'],
+    exposeHeaders: ['Content-Length'],
+    credentials: true,
+}));
+
+
+const storage = createStorage({
+    driver: cloudflareKVHTTPDriver({
+        accountId: process.env.CLOUDFLARE_ACCOUNT_ID || "",
+        namespaceId: process.env.CLOUDFLARE_NAMESPACE_ID || "",
+        apiToken: process.env.CLOUDFLARE_API_TOKEN || "",
+    }),
+});
+
+var kv: KVNamespace = {
+    get: async (key: string) => {
+        const value = await storage.getItemRaw(key);
+        return value as string;
+    },
+    put: async (key: string, value: string) => {
+        await storage.setItem(key, value);
+    },
+    delete:async(key:string)=>{
+        await storage.removeItem(key);
+    }
+};
+
+app.use('*', async (c, next) => {
+    c.env.KV = kv;
+    await next()
+})
+
+
+const scriptPath = fileURLToPath(import.meta.url)
+const scriptDir = dirname(scriptPath)
+const rootDir = isDev ? dirname(scriptPath) : dirname(scriptDir)
+const currentDir = process.cwd();
+let staticPath = path.relative(currentDir, rootDir);
+if (!isDev) {
+    staticPath = path.relative(currentDir, path.join(rootDir, "dist"))
+}
+console.log('Script dir:', scriptDir)
+console.log('Root dir:', rootDir)
+console.log('Current dir:', currentDir);
+console.log('Relative path for static files:', staticPath || '.');
+
+
+
+const createContext = (c: Context) => {
+    const eventContext: RouteContext = {
+        request: c.req.raw,
+        functionPath: c.req.path,
+        waitUntil: (promise: Promise<any>) => {
+            if (c.executionCtx?.waitUntil) {
+                c.executionCtx.waitUntil(promise);
+            }
+        },
+        passThroughOnException: () => {
+            if (c.executionCtx?.passThroughOnException) {
+                c.executionCtx.passThroughOnException();
+            }
+        },
+        next: async (input?: Request | string, init?: RequestInit) => {
+            if (typeof input === 'string') {
+                return fetch(input, init);
+            } else if (input instanceof Request) {
+                return fetch(input);
+            }
+            return new Response('Not Found', { status: 404 });
+        },
+        env: {
+            ...c.env,
+            ASSETS: {
+                fetch: fetch.bind(globalThis)
+            }
+        },
+        params: c.req.param(),
+        // 可以从 c.get() 获取数据，或者传入空对象
+        data: c.get('data') || {}
+    };
+    return eventContext;
+}
+
+app.all('/api/*', async (c) => {
+    try {
+        const context = createContext(c);
+        const path = c.req.path;
+        // 根据路径匹配对应的处理函数
+        let response: Response;
+        switch (path) {
+            case '/api/account':
+                response = await handleAccount(context);
+                break;
+            case '/api/login':
+                response = await handleLogin(context);
+                break;
+            case '/api/setting':
+                response = await handleSetting(context);
+                break;
+            case '/api/mail/auth':
+                response = await handleMailAuth(context);
+                break;
+            case '/api/mail/callback':
+                response = await handleMailCallback(context);
+                break;
+            case '/api/mail/all':
+                response = await handleMailAll(context);
+                break;
+            case '/api/mail/new':
+                response = await handleMailNew(context);
+                break;
+            case '/api/mail/send':
+                response = await handleMailSend(context);
+                break;
+            default:
+                return c.json({ error: 'Route not found' }, 404);
+        }
+        return response;
+    } catch (error) {
+        return c.json({ error: (error as Error).message }, 500);
+    }
+})
+
+
+// 中间件配置
+app.get('/*', serveStatic({
+    root: staticPath,
+    rewriteRequestPath: (path) => {
+        return path === '/' ? '/index.html' : path;
+    },
+    onFound: async (path, c) => {
+        console.log('Found:', path)
+    },
+    onNotFound: async (path, c) => {
+        console.log('Not Found:', path)
+    }
+}))
+
+
+// 启动服务器
+const port = parseInt(process.env.PORT || '8788')
+serve({
+    fetch: (request: Request, env) => app.fetch(request, { ...env, ...process.env }),
+    port
+}, () => {
+    console.log(`Server running at http://localhost:${port}`)
+})
+
+export default app

package.json

@@ -0,0 +1,50 @@
+{
+	"name": "msmail",
+	"version": "0.0.0",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite --host --port 5009",
+		"dev:server": "cross-env NODE_ENV=development tsx watch --no-cache index.ts",
+		"dev:pages": "wrangler pages dev dist",
+		"build": "vue-tsc -b && vite build",
+		"build:server": "npm run build && tsc -p ./tsconfig.functions.json",
+		"preview": "npm run build && wrangler pages dev ./dist",
+		"deploy": "npm run build && wrangler pages deploy ./dist",
+		"test": "vitest",
+		"cf-typegen": "wrangler types"
+	},
+	"dependencies": {
+		"@hono/node-server": "^1.13.8",
+		"@monaco-editor/loader": "^1.5.0",
+		"@tailwindcss/vite": "^4.0.14",
+		"dotenv": "^16.4.7",
+		"hono": "^4.7.4",
+		"monaco-editor": "^0.52.2",
+		"pinia": "^3.0.1",
+		"playwright": "^1.51.0",
+		"postal-mime": "^2.4.3",
+		"tailwindcss": "^4.0.14",
+		"tdesign-vue-next": "^1.11.4",
+		"unstorage": "^1.15.0",
+		"vue": "^3.5.13",
+		"vue-router": "^4.5.0"
+	},
+	"devDependencies": {
+		"@cloudflare/vitest-pool-workers": "^0.7.5",
+		"@cloudflare/workers-types": "^4.20250313.0",
+		"@types/node": "^22.10.2",
+		"@vitejs/plugin-vue": "^5.2.1",
+		"@vue/tsconfig": "^0.7.0",
+		"concurrently": "^8.2.2",
+		"cross-env": "^7.0.3",
+		"tsx": "^4.7.1",
+		"typescript": "^5.5.2",
+		"unplugin-auto-import": "^19.0.0",
+		"unplugin-vue-components": "^28.0.0",
+		"vite": "^6.2.0",
+		"vitest": "~3.0.7",
+		"vue-tsc": "^2.2.4",
+		"wrangler": "^4.0.0"
+	}
+}

src/App.vue

@@ -0,0 +1,222 @@
+<script setup lang="ts">
+import { useRoute, useRouter } from 'vue-router';
+import { ref } from 'vue';
+import logo from './assets/logo.png'
+const router = useRouter();
+const route = useRoute();
+const menuVisible = ref(false);
+
+const menu = [
+  {
+    name: '收件',
+    path: '/mail',
+    icon: 'system-log'
+  },
+  {
+    name: '账号',
+    path: '/account',
+    icon: 'user-list'
+  },
+  {
+    name: '设置',
+    path: '/setting',
+    icon: 'setting-1'
+  }
+];
+
+const logout = () => {
+  window.localStorage.removeItem('isAuthenticated');
+  router.push('/login');
+};
+
+const toggleMenu = () => {
+  menuVisible.value = !menuVisible.value;
+};
+
+
+//解析token
+const parseToken = () => {
+  try {
+    const token = localStorage.getItem('token') as string;
+    const [, payload] = token.split('.');
+    const data = JSON.parse(atob(payload));
+    return data;
+  } catch (error) {
+    return null;
+  }
+};
+const jwtToken = parseToken();
+
+</script>
+
+<template>
+  <template v-if="route.path === '/login'">
+    <router-view />
+  </template>
+  <t-layout v-else class="h-screen">
+    <!-- 移动端抽屉菜单 -->
+    <t-drawer v-model:visible="menuVisible" placement="left" size="232" :footer="false" :header="false"
+      :close-on-overlay-click="true" class="lg:hidden">
+      <t-menu :value="route.path" theme="dark" class="h-full bg-transparent ">
+        <template #logo>
+          <router-link to="/" class="flex items-center gap-2 p-4">
+            <img :src="logo" alt="logo" class="w-8 h-8" />
+            <h1 class="text-xl font-bold text-white">SEED LOG</h1>
+          </router-link>
+        </template>
+        <t-menu-item v-for="item in menu" :key="item.path" :value="item.path" :to="item.path"
+          @click="menuVisible = false" class="menu-item mx-4 my-2 rounded-xl">
+          <template #icon>
+            <t-icon :name="item.icon" />
+          </template>
+          {{ item.name }}
+        </t-menu-item>
+      </t-menu>
+    </t-drawer>
+
+    <!-- 桌面端侧边栏 -->
+    <t-aside class="sidebar backdrop-blur-lg hidden lg:block">
+      <t-menu :value="route.path" theme="dark" class="bg-transparent">
+        <template #logo>
+          <router-link to="/" class="flex items-center gap-2">
+            <img :src="logo" alt="logo" class="w-10 h-10 transition-transform hover:scale-110" />
+            <h1 class="text-2xl font-bold text-white tracking-wider">SEED LOG</h1>
+          </router-link>
+        </template>
+        <t-menu-item v-for="item in menu" :key="item.path" :value="item.path" :to="item.path"
+          class="menu-item mx-4 my-2 rounded-xl">
+          <template #icon>
+            <t-icon :name="item.icon" class="text-xl" />
+          </template>
+          <span class="font-medium">{{ item.name }}</span>
+        </t-menu-item>
+      </t-menu>
+    </t-aside>
+
+
+    <t-layout class="w-full">
+      <t-header class="header backdrop-blur-xl border-b border-gray-100">
+        <div class="flex items-center justify-between h-full px-2 sm:px-4 lg:px-8">
+          <!-- 移动端菜单按钮和标题 -->
+          <div class="flex items-center gap-2 sm:gap-4 ">
+            <div class="lg:hidden">
+              <t-button theme="default" variant="text" class=" min-w-[40px]" @click="toggleMenu">
+                <t-icon name="menu" size="20px" sm:size="24px" />
+              </t-button>
+            </div>
+            <h1
+              class="text-base sm:text-xl lg:text-2xl font-bold bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent truncate max-w-[150px] sm:max-w-full">
+              {{ jwtToken?.sub }}
+            </h1>
+          </div>
+          <div class="flex items-center gap-2 sm:gap-4">
+            <t-button theme="danger" @click="logout" class="logout-btn text-sm sm:text-base py-1 px-2 sm:px-4">
+              <template #icon>
+                <t-icon name="logout" class="text-sm sm:text-base" />
+              </template>
+              <span>退出</span>
+            </t-button>
+          </div>
+        </div>
+      </t-header>
+
+      <!-- 内容区域 -->
+      <t-content class="content bg-gray-50/30 flex-1 overflow-y-auto w-full">
+        <router-view v-slot="{ Component }">
+          <transition name="fade-slide" mode="out-in">
+            <component :is="Component" />
+          </transition>
+        </router-view>
+      </t-content>
+
+      <!-- 页脚 -->
+      <t-footer class="footer backdrop-blur-sm py-4 text-center text-sm text-gray-600">
+        <span class="opacity-75">© 微软邮箱管理系统</span>
+      </t-footer>
+    </t-layout>
+
+  </t-layout>
+</template>
+
+<style scoped>
+@reference "./assets/base.css";
+
+.sidebar {
+  @apply bg-gradient-to-br from-blue-600 via-blue-700 to-indigo-800;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+
+.header {
+  @apply bg-white/80 sticky top-0 z-10;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.menu-item {
+  @apply transition-all duration-300 hover:bg-white/15 active:scale-95;
+  @apply flex items-center gap-3 px-4 py-3;
+}
+
+.logout-btn {
+  @apply transition-transform hover:scale-105 active:scale-95;
+}
+
+.fade-slide-enter-active,
+.fade-slide-leave-active {
+  transition: all 0.3s ease;
+}
+
+.fade-slide-enter-from {
+  opacity: 0;
+  transform: translateY(20px);
+}
+
+.fade-slide-leave-to {
+  opacity: 0;
+  transform: translateY(-20px);
+}
+
+/* :deep(.t-default-menu.t-menu--dark){
+  @apply bg-transparent;
+} */
+
+:deep(.t-drawer__body) {
+  @apply p-0;
+}
+
+:deep(.t-drawer__body) {
+  @apply p-0;
+}
+
+:deep(::-webkit-scrollbar) {
+  @apply w-2;
+}
+
+:deep(::-webkit-scrollbar-thumb) {
+  @apply bg-gray-400/30 rounded-full transition-colors hover:bg-gray-400/50;
+}
+
+:deep(::-webkit-scrollbar-track) {
+  @apply bg-transparent;
+}
+
+.content {
+  background-image: radial-gradient(circle at 50% 50%,
+      rgba(255, 255, 255, 0.8) 0%,
+      rgba(240, 240, 250, 0.6) 100%);
+}
+
+.footer {
+  @apply bg-white/60;
+}
+
+/* 添加移动端响应式样式 */
+@media (max-width: 1024px) {
+  .sidebar {
+    display: none;
+  }
+}
+
+.drawer-menu {
+  @apply bg-gradient-to-br from-blue-600 via-blue-700 to-indigo-800;
+}
+</style>

src/assets/base.css

@@ -0,0 +1,3 @@
+@import "tailwindcss";
+@import "tailwindcss/preflight" layer(base);
+@import "tailwindcss/utilities" layer(utilities);

src/assets/main.css

@@ -0,0 +1,2 @@
+@import './base.css';
+

src/components/MonacoEditor.vue

@@ -0,0 +1,134 @@
+<template>
+  <div ref="editorContainer" class="h-full"></div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, watch, onBeforeUnmount } from 'vue';
+import monaco from '@monaco-editor/loader';
+
+const props = defineProps<{
+  value: string,
+  originalValue?: string,
+  language?: string,
+  options?: Record<string, any>,
+}>();
+const emit = defineEmits(['update:value']);
+
+const editorContainer = ref<HTMLElement>();
+let editorInstance: any = null;
+let monacoInstance: any = null;
+let editorModel: any = null;
+
+// 创建编辑器的函数
+const createEditor = () => {
+  if (!editorContainer.value || !monacoInstance) return;
+  
+  // 如果已存在编辑器实例，先销毁
+  if (editorInstance) {
+    editorInstance.dispose();
+    editorInstance = null;
+  }
+
+  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  const commonOptions = {
+    language: props.language || 'json',
+    minimap: { enabled: !isMobile },
+    fontSize: isMobile ? 16 : 14,
+    lineNumbers: isMobile ? 'off' as const : 'on' as const,
+    scrollBeyondLastLine: false,
+    automaticLayout: true,
+    ...props.options
+  };
+
+  // 每次都创建新模型，确保内容刷新
+  if (editorModel) {
+    editorModel.dispose();
+  }
+  editorModel = monacoInstance.editor.createModel(props.value, props.language);
+
+  if (props.originalValue !== undefined) {
+    // 创建差异编辑器
+    const originalModel = monacoInstance.editor.createModel(props.originalValue, props.language);
+    editorInstance = monacoInstance.editor.createDiffEditor(editorContainer.value, {
+      ...commonOptions,
+      readOnly: false,
+      renderSideBySide: true,
+      ignoreTrimWhitespace: false,
+      renderOverviewRuler: true,
+      diffWordWrap: 'on',
+    });
+
+    editorInstance.setModel({
+      original: originalModel,
+      modified: editorModel
+    });
+    const modifiedEditor = editorInstance.getModifiedEditor();
+    modifiedEditor.onDidChangeModelContent(() => {
+      emit('update:value', modifiedEditor.getValue());
+    });
+  } else {
+    // 创建普通编辑器
+    editorInstance = monacoInstance.editor.create(editorContainer.value, {
+      ...commonOptions,
+      model: editorModel
+    });
+    editorInstance.onDidChangeModelContent(() => {
+      emit('update:value', editorInstance.getValue());
+    });
+  }
+};
+
+onMounted(() => {
+  monaco.init().then(instance => {
+    monacoInstance = instance;
+    createEditor();
+  });
+});
+
+// 监听 value 和 originalValue 的变化
+watch([() => props.value, () => props.originalValue], ([newVal, newOriginalVal], [oldVal, oldOriginalVal]) => {
+  // 判断是否需要重建编辑器
+  const modeChanged =
+    (oldOriginalVal === undefined && newOriginalVal !== undefined) ||
+    (oldOriginalVal !== undefined && newOriginalVal === undefined);
+    
+  if (modeChanged) {
+    // 编辑器模式变化，重新创建
+    createEditor();
+  } else if (editorInstance) {
+    if (props.originalValue !== undefined) {
+      // 差异模式下更新内容
+      const model = editorInstance.getModel();
+      if (model && model.original && model.original.getValue() !== newOriginalVal) {
+        model.original.setValue(newOriginalVal || '');
+      }
+      if (model && model.modified && model.modified.getValue() !== newVal) {
+        model.modified.setValue(newVal || '');
+      }
+    } else {
+      // 普通模式下更新内容
+      if (editorInstance.getValue() !== newVal) {
+        editorInstance.setValue(newVal || '');
+      }
+    }
+  }
+}, { deep: true });
+
+onBeforeUnmount(() => {
+  if (editorInstance) {
+    editorInstance.dispose();
+  }
+  if (editorModel) {
+    editorModel.dispose();
+  }
+  editorInstance = null;
+  editorModel = null;
+});
+</script>
+
+<style scoped>
+:deep(.monaco-diff-editor),
+:deep(.monaco-editor) {
+  height: 100%;
+}
+</style>

src/main.ts

@@ -0,0 +1,16 @@
+// 引入组件库的少量全局样式变量
+import 'tdesign-vue-next/es/style/index.css';
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

src/router/index.ts

@@ -0,0 +1,50 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [
+        {
+            path: '/',
+            redirect: '/mail',
+            meta: { requiresAuth: true }
+        },
+        {
+            path: '/login',
+            name: 'Login',
+            component: () => import('../views/LoginView.vue'),
+            meta: { requiresAuth: false }
+        },
+        {
+            path: '/mail',
+            name: 'Mail',
+            component: () => import('../views/MailView.vue'),
+            meta: { requiresAuth: true }
+        },
+        {
+            path: '/setting',
+            name: 'Setting',
+            component: () => import('../views/SettingView.vue'),
+            meta: { requiresAuth: true }
+        },
+        {
+            path: '/account',
+            name: 'Account',
+            component: () => import('../views/AccountView.vue'),
+            meta: { requiresAuth: true }
+        },
+    ],
+})
+// 添加路由守卫
+router.beforeEach((to, from, next) => {
+    const isAuthenticated = localStorage.getItem('isAuthenticated') === 'true'
+    if (to.meta.requiresAuth && !isAuthenticated) {
+        next('/login')
+    } else if (to.path === '/login' && isAuthenticated) {
+        next('/')
+    } else {
+        next()
+    }
+})
+
+export default router

src/services/accountApi.ts

@@ -0,0 +1,32 @@
+import { API_BASE_URL, getHeaders, handleResponse } from './util';
+
+export interface Account {
+    email: string;
+    password: string;
+    proofEmail: string;
+}
+
+export const accountApi = {
+    async post(accounts: Account[]) {
+        const response = await fetch(
+            `${API_BASE_URL}/api/account`,
+            {
+                headers: getHeaders(),
+                method: 'POST',
+                body: JSON.stringify(accounts)
+            }
+        );
+        return handleResponse(response);
+    },
+
+    async get(): Promise<Account[]> {
+        const response = await fetch(
+            `${API_BASE_URL}/api/account`,
+            {
+                headers: getHeaders()
+            }
+        );
+        return handleResponse(response);
+    },
+
+}

src/services/mailApi.ts

@@ -0,0 +1,57 @@
+import { API_BASE_URL, getHeaders, handleResponse } from './util';
+
+export const mailApi = {
+    async refreshAuth(email: string) {
+        const response = await fetch(
+            `${API_BASE_URL}/api/mail/auth`,
+            {
+                headers: getHeaders(),
+                method: 'POST',
+                body: JSON.stringify({ email })
+            }
+        );
+        return handleResponse(response);
+    },
+
+    async getLatestMails(email: string) {
+        const response = await fetch(
+            `${API_BASE_URL}/api/mail/new`,
+            {
+                headers: getHeaders(),
+                method: 'POST',
+                body: JSON.stringify({ email })
+            }
+        );
+        return handleResponse(response);
+    },
+
+    async getAllMails(email: string) {
+        const response = await fetch(
+            `${API_BASE_URL}/api/mail/all`,
+            {
+                headers: getHeaders(),
+                method: 'POST',
+                body: JSON.stringify({ email })
+            }
+        );
+        return handleResponse(response);
+    },
+
+    async sendMail(params: {
+        email: string;
+        to: string[];
+        subject: string;
+        body: string;
+        isHtml?: boolean;
+    }) {
+        const response = await fetch(
+            `${API_BASE_URL}/api/mail/send`,
+            {
+                headers: getHeaders(),
+                method: 'POST',
+                body: JSON.stringify(params)
+            }
+        );
+        return handleResponse(response);
+    }
+};

src/services/settingApi.ts

@@ -0,0 +1,42 @@
+import { API_BASE_URL, getHeaders, handleResponse } from './util';
+
+export interface Settings {
+    /** 飞书配置 */
+    feishu: {
+        /** 飞书应用ID */
+        app_id: string;
+        /** 飞书应用密钥 */
+        app_secret: string;
+        /** 飞书应用验证Token */
+        verification_token: string;
+        /** 飞书应用加密Key */
+        encrypt_key: string;
+        /** 飞书机器人接收ID */
+        receive_id: string;
+    }
+}
+
+
+export const settingApi = {
+    async update(settings: Settings) {
+        const response = await fetch(
+            `${API_BASE_URL}/api/setting`,
+            {
+                headers: getHeaders(),
+                method: 'POST',
+                body: JSON.stringify(settings)
+            }
+        );
+        return handleResponse(response);
+    },
+
+    async get(): Promise<Settings> {
+        const response = await fetch(
+            `${API_BASE_URL}/api/setting`,
+            {
+                headers: getHeaders()
+            }
+        );
+        return handleResponse(response);
+    },
+}

src/services/userApi.ts

@@ -0,0 +1,22 @@
+import { API_BASE_URL,  handleResponse } from './util';
+
+export interface LoginResponse {
+    success: boolean;
+    token: string;
+    message?: string;
+}
+
+export const userApi = {
+    async login(username: string, password: string): Promise<LoginResponse> {
+        const response = await fetch(`${API_BASE_URL}/api/login`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ username, password }),
+        });
+        return handleResponse(response);
+    }
+};
+
+

src/services/util.ts

@@ -0,0 +1,29 @@
+import router from "../router";
+
+export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || '';
+
+export function getHeaders() {
+    return {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${localStorage.getItem('token')}`
+    };
+}
+export async function handleResponse(response: Response) {
+    if (response.status === 401) {
+        localStorage.removeItem('isAuthenticated');
+        localStorage.removeItem('token');
+        router.push('/login');
+        throw new Error('认证失败，请重新登录');
+    }
+    if (!response.ok) {
+        const contentType = response.headers.get('content-type');
+        if (contentType && contentType.includes('application/json')) {
+            const errorData = await response.json();
+            throw new Error(errorData.error || '请求失败');
+        } else {
+            const errorText = await response.text();
+            throw new Error(errorText || '请求失败');
+        }
+    }
+    return response.json();
+}

src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})

src/style.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

src/views/AccountView.vue

@@ -0,0 +1,137 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import { MessagePlugin } from 'tdesign-vue-next';
+import { accountApi } from '../services/accountApi';
+
+import MonacoEditor from '../components/MonacoEditor.vue';
+
+const accountsText = ref<string>('');
+const loading = ref(false);
+const showDiff = ref(false);
+const originalText = ref('');
+
+const fetchAccounts = async () => {
+    try {
+        loading.value = true;
+        accountsText.value = "";
+        let data = await accountApi.get();
+        const formattedData = JSON.stringify(data, null, 2);
+        accountsText.value = formattedData;
+        originalText.value = formattedData;
+    } catch (error) {
+        MessagePlugin.error('获取账号数据失败');
+    } finally {
+        loading.value = false;
+    }
+};
+
+
+const handleSave = async () => {
+    loading.value = true;
+    try {
+        if (accountsText.value === '') {
+            MessagePlugin.error('账号数据不能为空');
+            return;
+        }
+        if (originalText.value === accountsText.value) {
+            MessagePlugin.success('数据未修改');
+            return;
+        }
+        const accounts = JSON.parse(accountsText.value);
+        const result = await accountApi.post(accounts);
+        if (result.error) {
+            MessagePlugin.error(`${result.error}`);
+            return;
+        }
+        await fetchAccounts();
+        MessagePlugin.success('保存成功');
+    } catch (error) {
+        if (error instanceof SyntaxError) {
+            MessagePlugin.error('JSON格式错误');
+        } else {
+            MessagePlugin.error('保存失败');
+        }
+    } finally {
+        loading.value = false;
+    }
+};
+
+// 定义按键事件处理函数
+const handleKeyDown = (e: KeyboardEvent) => {
+    if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
+        e.preventDefault();
+        handleSave();
+    }
+};
+
+
+// 在显示差异按钮点击处理中添加
+const toggleDiff = () => {
+    showDiff.value = !showDiff.value;
+
+    if (showDiff.value) {
+        // 进入差异模式时，确保有原始文本作为比较
+        if (originalText.value === '') {
+            originalText.value = accountsText.value;
+        }
+    }
+};
+// 在 AccountView.vue 中添加
+watch(showDiff, (newVal) => {
+    if (newVal && originalText.value === accountsText.value) {
+        // 如果开启差异模式但两个文本相同，可以考虑提示用户
+        MessagePlugin.info('当前没有差异可以显示');
+    }
+}, { immediate: true });
+
+onMounted(() => {
+    // 注册全局按键监听
+    window.addEventListener('keydown', handleKeyDown);
+    fetchAccounts();
+});
+
+onUnmounted(() => {
+    // 注销全局按键监听
+    window.removeEventListener('keydown', handleKeyDown);
+});
+</script>
+
+<template>
+    <div class="account-container h-full p-2 md:p-5">
+        <t-card bordered class="h-full">
+            <template #content>
+                <div class=" flex flex-col h-full">
+                    <div class="flex justify-between items-center mb-4 gap-4">
+                        <div class="flex gap-2">
+                            <t-button variant="outline" @click="toggleDiff">
+                                {{ showDiff ? '隐藏对比' : '显示对比' }}
+                            </t-button>
+                            <t-button theme="primary" @click="handleSave" :loading="loading">
+                                保存账号
+                            </t-button>
+                        </div>
+                    </div>
+
+                    <div class="editor-container flex-1">
+                        <MonacoEditor v-model:value="accountsText" :original-value="showDiff ? originalText : undefined"
+                            language="json" :options="{ tabSize: 2 }" />
+                    </div>
+                </div>
+            </template>
+        </t-card>
+    </div>
+</template>
+
+<style scoped>
+.account-container {
+    width: 100%;
+}
+
+:deep(.t-card__body) {
+    height: 100%;
+}
+
+.editor-container {
+    border: 1px solid var(--td-component-border);
+}
+</style>

src/views/LoginView.vue

@@ -0,0 +1,147 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { MessagePlugin } from 'tdesign-vue-next'
+import logo from '../assets/logo.png'
+import { userApi } from '../services/userApi'
+
+const router = useRouter()
+const username = ref('')
+const password = ref('')
+const loading = ref(false)
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || '';
+
+
+
+const handleLogin = async () => {
+  if (!username.value || !password.value) {
+    MessagePlugin.warning('请输入用户名和密码')
+    return
+  }
+
+  loading.value = true
+  try {
+    const data = await userApi.login(username.value, password.value)
+    
+    if (data.success) {
+      localStorage.setItem('token', data.token)
+      localStorage.setItem('isAuthenticated', 'true')
+      
+      MessagePlugin.success('登录成功')
+      router.push('/')
+    } else {
+      MessagePlugin.error(data.message || '登录失败')
+    }
+  } catch (error) {
+    MessagePlugin.error('网络错误，请稍后重试')
+    console.error('Login error:', error)
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+
+<template>
+  <div class="min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50">
+    <div class="relative w-full max-w-md">
+      <!-- 装饰背景 -->
+      <div class="absolute -top-4 -left-4 w-72 h-72 bg-purple-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob"></div>
+      <div class="absolute -bottom-8 -right-4 w-72 h-72 bg-blue-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000"></div>
+      <div class="absolute -bottom-8 left-20 w-72 h-72 bg-indigo-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-4000"></div>
+
+      <!-- 登录卡片 -->
+      <div class="relative bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl p-8 m-4">
+        <!-- Logo和标题 -->
+        <div class="flex flex-col items-center mb-8">
+          <img :src="logo" alt="logo" class="w-16 h-16 mb-4" />
+          <h2 class="text-2xl font-bold text-gray-800">微软账号管理</h2>
+          <!-- <p class="text-gray-500 mt-2">登录以继续使用</p> -->
+        </div>
+
+        <!-- 登录表单 -->
+        <form @submit.prevent="handleLogin" class="space-y-6">
+          <div class="space-y-2">
+            <t-input
+              v-model="username"
+              size="large"
+              placeholder="请输入用户名"
+              :autofocus="true"
+              class="w-full"
+            >
+              <template #prefix-icon>
+                <t-icon name="user" />
+              </template>
+            </t-input>
+          </div>
+
+          <div class="space-y-2">
+            <t-input
+              v-model="password"
+              type="password"
+              size="large"
+              placeholder="请输入密码"
+              class="w-full"
+            >
+              <template #prefix-icon>
+                <t-icon name="lock-on" />
+              </template>
+            </t-input>
+          </div>
+
+          <!-- <div class="flex items-center justify-between text-sm">
+            <t-checkbox>记住我</t-checkbox>
+            <a href="#" class="text-blue-600 hover:text-blue-700 transition-colors">
+              忘记密码？
+            </a>
+          </div> -->
+
+          <t-button
+            type="submit"
+            theme="primary"
+            :loading="loading"
+            size="large"
+            class="w-full"
+            :disabled="loading"
+          >
+            {{ loading ? '登录中...' : '登录' }}
+          </t-button>
+        </form>
+
+        <!-- 额外信息 -->
+        <div class="mt-6 text-center text-sm text-gray-500">
+          测试账号: admin / password
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.animate-blob {
+  animation: blob 7s infinite;
+}
+
+.animation-delay-2000 {
+  animation-delay: 2s;
+}
+
+.animation-delay-4000 {
+  animation-delay: 4s;
+}
+
+@keyframes blob {
+  0% {
+    transform: translate(0px, 0px) scale(1);
+  }
+  33% {
+    transform: translate(30px, -50px) scale(1.1);
+  }
+  66% {
+    transform: translate(-20px, 20px) scale(0.9);
+  }
+  100% {
+    transform: translate(0px, 0px) scale(1);
+  }
+}
+</style>

src/views/MailView.vue

@@ -0,0 +1,411 @@
+<script setup lang="ts">
+import { computed, ref, watch, onMounted } from 'vue';
+import { MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
+import { accountApi, type Account } from '../services/accountApi';
+import { mailApi } from '../services/mailApi';
+const loading = ref(false);
+const pagination = ref({
+    current: 1,
+    total: 0,
+    pageSize: 18
+});
+
+const allData = ref<Account[]>([]);
+const userSearch = ref(''); // 添加用户搜索字段
+const sort = ref<{ sortBy: string; descending: boolean }>({
+    sortBy: '',
+    descending: true
+});
+
+
+
+const columns = [
+    { colKey: 'email', title: '用户', width: 200, sorter: true },
+    {
+        colKey: 'action',
+        title: '操作',
+        width: 400, // 增加宽度以容纳多个按钮
+    }
+];
+
+
+// 添加下拉菜单选项函数
+const actionOptions = (row: Account) => [
+  { content: '刷新认证', value: 'refresh', onClick: () => handleRefreshAuth(row) },
+  { content: '最新邮件', value: 'latest', onClick: () => handleLatestMails(row) },
+  { content: '所有邮件', value: 'all', onClick: () => handleAllMails(row) },
+  { content: '发送邮件', value: 'send', onClick: () => handleSendMail(row) },
+];
+
+// 实现处理函数
+const handleRefreshAuth = async (row: Account) => {
+    try {
+        loading.value = true;
+        await mailApi.refreshAuth(row.email); // 假设此API存在
+        MessagePlugin.success('认证已刷新');
+
+    } catch (error) {
+        MessagePlugin.error('刷新认证失败');
+    } finally {
+        loading.value = false;
+    }
+};
+
+interface ParsedEmail {
+  subject: string;
+  from: string;
+  to: string[];
+  date: string;
+  text: string;
+  html: string;
+}
+
+const showEmailDialog = ref(false);
+const currentEmail = ref<any>(null);
+
+const handleLatestMails = async (row: Account) => {
+    try {
+        loading.value = true;
+        const result = await mailApi.getLatestMails(row.email);
+        if (result) {
+            currentEmail.value = result;
+            showEmailDialog.value = true;
+        } else {
+            MessagePlugin.info('没有找到邮件');
+        }
+    } catch (error:any) {
+        MessagePlugin.error(`${error.message}`);
+    } finally {
+        loading.value = false;
+    }
+};
+
+// 添加所有邮件列表相关的状态
+const showAllMailsDialog = ref(false);
+const allMailsList = ref<any[]>([]);
+const mailsLoading = ref(false);
+
+const handleAllMails = async (row: Account) => {
+    try {
+        mailsLoading.value = true;
+        showAllMailsDialog.value = true;
+        allMailsList.value= []
+        const emails = await mailApi.getAllMails(row.email);
+        allMailsList.value = emails;
+    } catch (error: any) {
+        MessagePlugin.error(`获取邮件失败: ${error.message}`);
+    } finally {
+        mailsLoading.value = false;
+    }
+};
+
+// 用于打开指定邮件详情
+const viewMailDetail = (email: any) => {
+    currentEmail.value = email;
+    showEmailDialog.value = true;
+};
+
+ 
+
+// 添加发送邮件相关的状态
+const showSendDialog = ref(false);
+const sendMailForm = ref({
+    to: '',
+    subject: '',
+    body: '',
+    isHtml: false
+});
+const currentMailAccount = ref<Account | null>(null);
+
+// 修改发送邮件处理函数
+const handleSendMail = async (row: Account) => {
+    currentMailAccount.value = row;
+    sendMailForm.value = {
+        to: '',
+        subject: '',
+        body: '',
+        isHtml: false
+    };
+    showSendDialog.value = true;
+};
+
+// 添加发送邮件提交函数
+const submitSendMail = async () => {
+    if (!currentMailAccount.value) return;
+    
+    try {
+        loading.value = true;
+        await mailApi.sendMail({
+            email: currentMailAccount.value.email,
+            to: sendMailForm.value.to.split(',').map(e => e.trim()),
+            subject: sendMailForm.value.subject,
+            body: sendMailForm.value.body,
+            isHtml: sendMailForm.value.isHtml
+        });
+        MessagePlugin.success('邮件发送成功');
+        showSendDialog.value = false;
+    } catch (error: any) {
+        MessagePlugin.error(`发送失败: ${error.message}`);
+    } finally {
+        loading.value = false;
+    }
+};
+
+
+const handleSort = (sortInfo: { sortBy: string; descending: boolean }) => {
+    sort.value = sortInfo;
+    pagination.value.current = 1;
+};
+
+ 
+// 使用计算属性处理排序和分页
+const processedData = computed(() => {
+    let result = [...allData.value];
+
+    // 用户搜索过滤
+    if (userSearch.value) {
+        result = result.filter(log => 
+            log.email.toLowerCase().includes(userSearch.value.toLowerCase())
+        );
+    }
+ 
+    pagination.value.total = result.length; // 更新总数以反映过滤后的结果
+
+    // 分页处理
+    const start = (pagination.value.current - 1) * pagination.value.pageSize;
+    const end = start + pagination.value.pageSize;
+    return result.slice(start, end);
+});
+
+
+const fetchData = async () => {
+    loading.value = true;
+    try {
+        const data = await accountApi.get();
+        allData.value = data;
+        pagination.value.total = data.length;
+    } catch (error) {
+        MessagePlugin.error('获取数据失败');
+    } finally {
+        loading.value = false;
+    }
+};
+
+// 添加 onMounted 钩子
+onMounted(() => {
+    fetchData();
+});
+
+ 
+</script>
+
+<template>
+    <div class="w-full h-full flex flex-col p-2 md:p-5 gap-2 md:gap-5">
+      <div class="flex flex-col md:flex-row md:items-center md:justify-between">
+        <div class="flex flex-col md:flex-row md:items-center gap-4">
+          <t-input v-model="userSearch" class="w-full md:w-40" placeholder="搜索用户" clearable />
+        </div>
+      </div>
+  
+      <div class="overflow-x-auto flex-1 overflow-y-auto">
+        <t-table :data="processedData" :loading="loading" :columns="columns" row-key="datetime" hover
+          :sort="sort" @sort-change="handleSort" size="small" class="min-w-full">
+          <template #action="{ row }">
+            <!-- 桌面端显示 -->
+            <div class="hidden md:flex flex-wrap gap-2">
+              <t-button size="small" variant="outline" @click="handleRefreshAuth(row)">刷新认证</t-button>
+              <t-button size="small" variant="outline" @click="handleLatestMails(row)">最新邮件</t-button>
+              <t-button size="small" variant="outline" @click="handleAllMails(row)">所有邮件</t-button>
+              <t-button size="small" variant="outline" @click="handleSendMail(row)">发送邮件</t-button>
+            </div>
+            
+            <!-- 移动端显示 -->
+            <div class="md:hidden">
+              <t-dropdown :options="actionOptions(row)">
+                <t-button variant="outline" size="small">操作 <t-icon name="chevron-down" /></t-button>
+              </t-dropdown>
+            </div>
+          </template>
+        </t-table>
+      </div>
+  
+      <div class="flex justify-end">
+        <t-pagination v-model="pagination.current" :total="pagination.total" :page-size="pagination.pageSize"
+          size="small" />
+      </div>
+
+      <!-- 邮件详情对话框 -->
+      <t-dialog
+          :visible="showEmailDialog"
+          :header="currentEmail?.subject"
+          @close="showEmailDialog = false"
+          :width="800"
+          :footer="false"
+          class="email-detail-dialog"
+      >
+          <template v-if="currentEmail">
+              <div class="email-details">
+                  <div class="email-meta">
+                      <p><strong>发件人:</strong> {{ currentEmail.from }}</p>
+                      <p><strong>收件人:</strong> {{ currentEmail.to?.join(', ') }}</p>
+                      <p><strong>时间:</strong> {{ new Date(currentEmail.date.received).toLocaleString() }}</p>
+                      <p v-if="currentEmail.metadata?.location"><strong>位置:</strong> {{ currentEmail.metadata.location }}</p>
+                      <p v-if="currentEmail.metadata?.ip"><strong>IP:</strong> {{ currentEmail.metadata.ip }}</p>
+                      <p v-if="currentEmail.metadata?.platform"><strong>平台:</strong> {{ currentEmail.metadata.platform }}</p>
+                      <p v-if="currentEmail.metadata?.browser"><strong>浏览器:</strong> {{ currentEmail.metadata.browser }}</p>
+                      <p><strong>重要性:</strong> {{ currentEmail.importance }}</p>
+                      <p><strong>状态:</strong> {{ currentEmail.isRead ? '已读' : '未读' }}</p>
+                  </div>
+                  <div class="email-content" v-html="currentEmail.html || currentEmail.text"></div>
+                  <div v-if="currentEmail.hasAttachments" class="email-attachments">包含附件</div>
+                  <div class="email-actions">
+                      <a :href="currentEmail.webLink" target="_blank">在Outlook中查看</a>
+                  </div>
+              </div>
+          </template>
+      </t-dialog>
+
+      <!-- 所有邮件列表对话框 -->
+      <t-dialog
+          :visible="showAllMailsDialog"
+          header="所有邮件"
+          @close="showAllMailsDialog = false"
+          :width="900"
+          :footer="false"
+      >
+          <t-loading :loading="mailsLoading">
+              <div class="emails-list">
+                  <t-list>
+                      <t-list-item
+                          v-for="email in allMailsList"
+                          :key="email.id"
+                          @click="viewMailDetail(email)"
+                          class="email-list-item"
+                      >
+                          <div class="flex flex-col gap-1 w-full cursor-pointer hover:bg-gray-50 p-2">
+                              <div class="flex justify-between">
+                                  <span class="font-medium">{{ email.subject || '(无主题)' }}</span>
+                                  <span class="text-gray-500 text-sm">
+                                      {{ new Date(email.date.received).toLocaleString() }}
+                                  </span>
+                              </div>
+                              <div class="flex justify-between text-sm">
+                                  <span class="text-gray-600">发件人: {{ email.from }}</span>
+                                  <span :class="{'text-green-600': email.isRead, 'text-red-600': !email.isRead}">
+                                      {{ email.isRead ? '已读' : '未读' }}
+                                  </span>
+                              </div>
+                          </div>
+                      </t-list-item>
+                  </t-list>
+              </div>
+          </t-loading>
+      </t-dialog>
+
+      <!-- 发送邮件对话框 -->
+      <t-dialog
+          :visible="showSendDialog"
+          header="发送邮件"
+          @close="showSendDialog = false"
+          :width="600"
+          :footer="false"
+      >
+          <template v-if="currentMailAccount">
+              <div class="send-mail-form">
+                  <t-form>
+                      <t-form-item label="发件人">
+                          <t-input disabled :value="currentMailAccount.email" />
+                      </t-form-item>
+                      <t-form-item label="收件人">
+                          <t-input v-model="sendMailForm.to" placeholder="多个收件人请用逗号分隔" />
+                      </t-form-item>
+                      <t-form-item label="主题">
+                          <t-input v-model="sendMailForm.subject" />
+                      </t-form-item>
+                      <t-form-item label="内容">
+                          <t-textarea v-model="sendMailForm.body" :rows="6" />
+                      </t-form-item>
+                      <t-form-item>
+                          <t-checkbox v-model="sendMailForm.isHtml">HTML 格式</t-checkbox>
+                      </t-form-item>
+                      <t-form-item>
+                          <div class="flex justify-end gap-2">
+                              <t-button theme="default" @click="showSendDialog = false">取消</t-button>
+                              <t-button theme="primary" @click="submitSendMail" :loading="loading">发送</t-button>
+                          </div>
+                      </t-form-item>
+                  </t-form>
+              </div>
+          </template>
+      </t-dialog>
+    </div>
+</template>
+  
+<style scoped>
+@media (max-width: 768px) {
+  :deep(.t-table__header) {
+    font-size: 14px;
+  }
+
+  :deep(.t-table td) {
+    font-size: 13px;
+  }
+}
+
+.email-details {
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 16px;
+}
+
+.email-content {
+  margin-top: 16px;
+  border-top: 1px solid #eee;
+  padding-top: 16px;
+}
+
+.email-meta {
+  background: #f5f5f5;
+  padding: 12px;
+  border-radius: 4px;
+  margin-bottom: 16px;
+}
+
+.email-actions {
+  margin-top: 16px;
+  text-align: right;
+}
+
+.email-attachments {
+  margin-top: 16px;
+  color: #666;
+  font-style: italic;
+}
+
+.send-mail-form {
+  padding: 16px;
+}
+
+.emails-list {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.email-list-item {
+  border-bottom: 1px solid #eee;
+}
+
+.email-list-item:last-child {
+  border-bottom: none;
+}
+
+/* 添加以下CSS确保邮件详情弹窗总是显示在最上层 */
+:deep(.email-detail-dialog) {
+  z-index: 3000 !important; /* 确保高于其他弹窗 */
+}
+
+/* 可能需要调整其他弹窗的z-index */
+:deep(.t-dialog) {
+  z-index: 2000;
+}
+</style>

src/views/SettingView.vue

@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { MessagePlugin } from 'tdesign-vue-next';
+import { settingApi, type Settings } from '../services/settingApi';
+
+const settings = ref<Settings>({
+    feishu: {
+        app_id: '',
+        app_secret: '',
+        verification_token: '',
+        encrypt_key: '',
+        receive_id: ''
+    }
+});
+
+const loading = ref(false);
+
+onMounted(async () => {
+    try {
+        const data = await settingApi.get();
+        // 合并默认值和获取的数据
+        settings.value = {
+            feishu: {
+                ...settings.value.feishu,
+                ...data.feishu
+            }
+        };
+    } catch (error) {
+        MessagePlugin.error('获取设置失败');
+    }
+});
+
+const handleSave = async () => {
+    loading.value = true;
+    try {
+        if(!settings.value)
+        {
+            return
+        }
+        await settingApi.update(settings.value);
+        MessagePlugin.success('保存成功');
+    } catch (error) {
+        MessagePlugin.error('保存失败');
+    } finally {
+        loading.value = false;
+    }
+};
+</script>
+
+<template>
+    <div class="setting-container p-2 md:p-5">
+
+        <t-form :data="settings" @submit="handleSave">
+            <t-card bordered>
+                <t-divider>飞书配置</t-divider>
+                <t-form-item label="应用ID" name="feishu.app_id">
+                    <t-input v-model="settings.feishu.app_id" placeholder="请输入飞书应用ID" />
+                </t-form-item>
+                <t-form-item label="应用密钥" name="feishu.app_secret">
+                    <t-input v-model="settings.feishu.app_secret" type="password" placeholder="请输入飞书应用密钥" />
+                </t-form-item>
+                <t-form-item label="验证Token" name="feishu.verification_token">
+                    <t-input v-model="settings.feishu.verification_token" placeholder="请输入飞书应用验证Token" />
+                </t-form-item>
+                <t-form-item label="加密Key" name="feishu.encrypt_key">
+                    <t-input v-model="settings.feishu.encrypt_key" placeholder="请输入飞书应用加密Key" />
+                </t-form-item>
+                <t-form-item label="接收ID" name="feishu.receive_id">
+                    <t-input v-model="settings.feishu.receive_id" placeholder="请输入飞书机器人接收ID" />
+                </t-form-item>
+
+
+                <t-form-item class="flex justify-center">
+                    <t-button theme="primary" type="submit" :loading="loading">保存设置</t-button>
+                </t-form-item>
+            </t-card>
+
+
+        </t-form>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

test/index.spec.ts

@@ -0,0 +1,25 @@
+// test/index.spec.ts
+import { env, createExecutionContext, waitOnExecutionContext, SELF } from 'cloudflare:test';
+import { describe, it, expect } from 'vitest';
+import worker from '../src/index';
+
+// For now, you'll need to do something like this to get a correctly-typed
+// `Request` to pass to `worker.fetch()`.
+const IncomingRequest = Request<unknown, IncomingRequestCfProperties>;
+
+describe('Hello World worker', () => {
+	it('responds with Hello World! (unit style)', async () => {
+		const request = new IncomingRequest('http://example.com');
+		// Create an empty context to pass to `worker.fetch()`.
+		const ctx = createExecutionContext();
+		const response = await worker.fetch(request, env, ctx);
+		// Wait for all `Promise`s passed to `ctx.waitUntil()` to settle before running test assertions
+		await waitOnExecutionContext(ctx);
+		expect(await response.text()).toMatchInlineSnapshot(`"Hello World!"`);
+	});
+
+	it('responds with Hello World! (integration style)', async () => {
+		const response = await SELF.fetch('https://example.com');
+		expect(await response.text()).toMatchInlineSnapshot(`"Hello World!"`);
+	});
+});

test/tsconfig.json

@@ -0,0 +1,8 @@
+{
+	"extends": "../tsconfig.json",
+	"compilerOptions": {
+		"types": ["@cloudflare/workers-types/experimental", "@cloudflare/vitest-pool-workers"]
+	},
+	"include": ["./**/*.ts", "../worker-configuration.d.ts"],
+	"exclude": []
+}

tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

tsconfig.functions.json

@@ -0,0 +1,50 @@
+{
+	"compilerOptions": {
+		/* Visit https://aka.ms/tsconfig.json to read more about this file */
+		/* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+		"target": "ESNext",
+		/* Specify a set of bundled library declaration files that describe the target runtime environment. */
+		"lib": [
+			"esnext"
+		],
+		/* Specify what JSX code is generated. */
+		"jsx": "react-jsx",
+		/* Specify what module code is generated. */
+		"module": "ESNext",
+		/* Specify how TypeScript looks up a file from a given module specifier. */
+		"moduleResolution": "node",
+		/* Specify type package names to be included without being referenced in a source file. */
+		"types": [
+			//"@cloudflare/workers-types/2023-07-01",
+			"node"
+		],
+		/* Enable importing .json files */
+		"resolveJsonModule": true,
+		/* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */
+		"allowJs": true,
+		/* Enable error reporting in type-checked JavaScript files. */
+		"checkJs": false,
+
+		/* Ensure that each file can be safely transpiled without relying on other imports. */
+		"isolatedModules": true,
+		/* Allow 'import x from y' when a module doesn't have a default export. */
+		"allowSyntheticDefaultImports": true,
+		/* Ensure that casing is correct in imports. */
+		"forceConsistentCasingInFileNames": true,
+		/* Enable all strict type-checking options. */
+		"strict": true,
+		/* Skip type checking all .d.ts files. */
+		"skipLibCheck": true,
+		"outDir": "./dist-server",    // 输出到 dist
+		"noEmit": false, //允许编译器生成 JavaScript 输出文件
+	},
+	"exclude": [
+		"test"
+	],
+	"include": [
+		//"worker-configuration.d.ts",
+		"functions/types.d.ts",
+		"index.ts",
+		"functions/**/*.ts"
+	]
+}