create-wenuts-cli 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -0,0 +1,168 @@
+#!/usr/bin/env node
+import inquirer from "inquirer";
+import chalk from "chalk";
+import fs from "fs-extra";
+import path from "path";
+import { fileURLToPath } from "url";
+import { execSync } from "child_process";
+import ora from "ora";
+// Node.js 在 ES 模块中没有 __filename 和 __dirname 变量，需要手动获取
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+function checkRemoteRepoExists(remoteRepoUrl, targetDir) {
+    const spinner = ora("正在检查远程仓库是否存在...").start();
+    let isRemoteRepoExists = false;
+    try {
+        execSync(`git ls-remote ${remoteRepoUrl}`, { stdio: "ignore" });
+        isRemoteRepoExists = true;
+    }
+    catch (error) {
+        isRemoteRepoExists = false;
+    }
+    if (isRemoteRepoExists) {
+        spinner.succeed("远程仓库存在");
+        // 如果远程仓库存在，则尝试关联
+        linkRemoteRepo(remoteRepoUrl, targetDir);
+    }
+    else {
+        spinner.fail("远程仓库不存在, 请检查远程仓库地址是否正确。");
+    }
+    return isRemoteRepoExists;
+}
+function installDependencies(packageManager, targetDir) {
+    const spinner = ora("正在安装依赖...").start();
+    let isInstallDependenciesSuccess = false;
+    try {
+        console.log(chalk.gray(`执行命令: ${packageManager} install`));
+        console.log(chalk.gray(`目标目录: ${targetDir}`));
+        execSync(`${packageManager} install`, {
+            cwd: targetDir,
+            stdio: "inherit", // 显示安装过程的输出
+        });
+        isInstallDependenciesSuccess = true;
+    }
+    catch (error) {
+        isInstallDependenciesSuccess = false;
+    }
+    if (isInstallDependenciesSuccess) {
+        spinner.succeed("依赖安装成功");
+    }
+    else {
+        spinner.fail("依赖安装失败, 请手动安装!!");
+    }
+    return isInstallDependenciesSuccess;
+}
+function linkRemoteRepo(remoteRepoUrl, targetDir) {
+    const spinner = ora("正在关联远程仓库...").start();
+    let isLinkRemoteRepoSuccess = false;
+    try {
+        execSync(`git remote add origin ${remoteRepoUrl}`, { cwd: targetDir });
+        isLinkRemoteRepoSuccess = true;
+    }
+    catch (error) {
+        isLinkRemoteRepoSuccess = false;
+    }
+    if (isLinkRemoteRepoSuccess) {
+        spinner.succeed("远程仓库关联成功");
+    }
+    else {
+        spinner.fail("远程仓库关联失败, 请手动关联!!");
+    }
+    return isLinkRemoteRepoSuccess;
+}
+const endSuccessConsole = (projectName, packageManager, dependenciesIsSuccess) => {
+    console.log(chalk.green(`\n✅ 项目 ${projectName} 拉取成功！`));
+    console.log();
+    console.log(chalk.yellow(`  cd ${projectName}`));
+    if (!dependenciesIsSuccess) {
+        console.log(chalk.yellow(`  ${packageManager} install`));
+    }
+    console.log(chalk.yellow(`  ${packageManager} run dev`));
+};
+async function run() {
+    console.log(chalk.cyan("\n欢迎使用 create-wenuts-template 脚手架！"));
+    const { projectName } = await inquirer.prompt([
+        {
+            type: "input",
+            name: "projectName",
+            message: "请输入项目名称:",
+            validate: (input) => !!input || "项目名称不能为空",
+        },
+    ]);
+    const { packageManager } = await inquirer.prompt([
+        {
+            type: "list",
+            name: "packageManager",
+            message: "请选择包管理器:",
+            choices: [
+                {
+                    name: "npm",
+                    value: "npm",
+                },
+                {
+                    name: "yarn",
+                    value: "yarn",
+                },
+                {
+                    name: "pnpm",
+                    value: "pnpm",
+                },
+            ],
+        },
+    ]);
+    const { templateName } = await inquirer.prompt([
+        {
+            type: "list",
+            name: "templateName",
+            message: "请选择模版:",
+            choices: [
+                {
+                    name: "默认模版(Nextjs 15, TailwindCSS 4, TypeScript, next-auth, next-intl, mantine)",
+                    value: "default",
+                },
+            ],
+        },
+    ]);
+    const targetDir = path.resolve(process.cwd(), projectName);
+    if (fs.existsSync(targetDir)) {
+        console.log(chalk.red("❌ 该目录已存在，请更换项目名称或先删除原目录。"));
+        process.exit(1);
+    }
+    try {
+        // 这里预留复制 template 目录的逻辑
+        const templateDir = path.resolve(__dirname, `../template/${templateName}`);
+        await fs.copy(templateDir, targetDir);
+        console.log(chalk.green(`\n✅ 项目 ${projectName} 成功拉取${templateName}模版代码！`));
+    }
+    catch (error) {
+        console.log(chalk.red("❌ 模版代码拉取失败，请重新执行命令"));
+        process.exit(1);
+    }
+    // 初始化git
+    execSync("git init", { cwd: targetDir });
+    console.log(chalk.green(`\n✅ git 初始化成功！\n`));
+    // 是否需要关联远程仓库
+    const { isNeedLinkRemoteRepo } = await inquirer.prompt([
+        {
+            type: "confirm",
+            name: "isNeedLinkRemoteRepo",
+            message: "是否需要关联远程仓库?",
+            default: true,
+        },
+    ]);
+    if (isNeedLinkRemoteRepo) {
+        const { remoteRepoUrl } = await inquirer.prompt([
+            {
+                type: "input",
+                name: "remoteRepoUrl",
+                message: "请输入远程仓库地址:",
+            },
+        ]);
+        checkRemoteRepoExists(remoteRepoUrl, targetDir);
+    }
+    const isInstallDependenciesSuccess = installDependencies(packageManager, targetDir);
+    endSuccessConsole(projectName, packageManager, isInstallDependenciesSuccess);
+    // 成功退出
+    process.exit(0);
+}
+run();

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "create-wenuts-cli",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "bin": {
+    "create-wenuts-cli": "dist/index.js"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "tsx src/index.ts",
+    "build": "tsc",
+    "watch": "tsc --watch"
+  },
+  "files": [
+    "dist",
+    "template"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^9.0.8",
+    "chalk": "^5.0.0",
+    "fs-extra": "^11.0.0",
+    "inquirer": "^9.0.0",
+    "ora": "^8.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "tsx": "^4.0.0",
+    "typescript": "^5.0.0"
+  }
+}

package/template/default/.env.development

@@ -0,0 +1,19 @@
+NEXT_PUBLIC_NODE_ENV="dev"
+NEXTAUTH_URL="***"
+NEXT_PUBLIC_DOMAIN="***"
+NEXT_PUBLIC_BASE_URL="***"
+# NEXT_PUBLIC_BASE_URL="***"
+NEXT_PUBLIC_APP_DOMAIN="***"
+NEXTAUTH_SECRET="***"
+NEXT_PUBLIC_GOOGLE_CLIENT_ID="***"
+GOOGLE_SECRET="***"
+
+
+NEXT_PUBLIC_CASDOOR_CLIENT_ID="***"
+NEXT_PUBLIC_CASDOOR_ISSUER="***"
+
+NEXT_PUBLIC_ALi_CLOUD_DOMAIN='***'
+NEXT_PUBLIC_ALi_CLOUD_BUCKET='***'
+NEXT_PUBLIC_ALi_CLOUD_REGION='***'
+NEXT_PUBLIC_ALi_CLOUD_ACCESS_KEY_ID="***"
+NEXT_PUBLIC_ALi_CLOUD_ACCESS_KEY_SECRET="***"

package/template/default/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/template/default/envConfig/.env.development

@@ -0,0 +1,26 @@
+# 全部替换为****
+NEXT_PUBLIC_NODE_ENV="dev"
+NEXTAUTH_URL="***"
+NEXT_PUBLIC_DOMAIN="***"
+NEXT_PUBLIC_BASE_URL="***"
+NEXT_PUBLIC_APP_DOMAIN="***"
+NEXTAUTH_SECRET="***"
+NEXT_PUBLIC_GOOGLE_CLIENT_ID="***"
+GOOGLE_SECRET="***"
+NEXT_PUBLIC_GOOGLE_LOGIN_URL="***"
+NEXT_PUBLIC_OSS_DOMAIN ="***"
+NEXT_PUBLIC_DISCORD_CLIENT_ID="***" # discord id
+NEXT_PUBLIC_DISCORD_SECRET="***" # discord secret
+NEXT_PUBLIC_DISCORD_LOGIN_URL="***" # discord登录
+NEXT_PUBLIC_TWITTER_CLIENT_ID="***" # twitter client id
+NEXT_PUBLIC_TWITTER_SECRET="***" # twitter client secret
+NEXT_PUBLIC_TWITTER_LOGIN_URL="***" # twitter登录
+NEXT_PUBLIC_FACEBOOK_CLIENT_ID="***" # facebook client id
+NEXT_PUBLIC_FACEBOOK_SECRET="***" # facebook client secret
+NEXT_PUBLIC_FACEBOOK_LOGIN_URL="***" # facebook登录
+
+NEXT_PUBLIC_ALi_CLOUD_DOMAIN='***'
+NEXT_PUBLIC_ALi_CLOUD_BUCKET='***'
+NEXT_PUBLIC_ALi_CLOUD_REGION='***'
+NEXT_PUBLIC_ALi_CLOUD_ACCESS_KEY_ID="***"
+NEXT_PUBLIC_ALi_CLOUD_ACCESS_KEY_SECRET="***"

package/template/default/envConfig/.env.production

@@ -0,0 +1,23 @@
+NEXT_PUBLIC_NODE_ENV="pro"
+NEXTAUTH_URL="***"
+NEXT_PUBLIC_DOMAIN="***"
+NEXT_PUBLIC_BASE_URL="***"
+NEXT_PUBLIC_APP_DOMAIN="***"
+NEXTAUTH_SECRET="***"
+NEXT_PUBLIC_GOOGLE_CLIENT_ID="***"
+GOOGLE_SECRET="***"
+NEXT_PUBLIC_GOOGLE_LOGIN_URL="***"
+NEXT_PUBLIC_OSS_DOMAIN ="***"
+NEXT_PUBLIC_DISCORD_CLIENT_ID="***" # discord id
+NEXT_PUBLIC_DISCORD_SECRET="***" # discord secret
+NEXT_PUBLIC_DISCORD_LOGIN_URL="***" # discord登录
+NEXT_PUBLIC_TWITTER_CLIENT_ID="***" # twitter client id
+NEXT_PUBLIC_TWITTER_SECRET="***" # twitter client secret
+NEXT_PUBLIC_TWITTER_LOGIN_URL="***" # twitter登录
+NEXT_PUBLIC_FACEBOOK_CLIENT_ID="***" # facebook client id
+NEXT_PUBLIC_FACEBOOK_SECRET="***" # facebook client secret
+NEXT_PUBLIC_FACEBOOK_LOGIN_URL="***" # facebook登录
+NEXT_PUBLIC_ALi_CLOUD_BUCKET='***' # 阿里云bucket
+NEXT_PUBLIC_ALi_CLOUD_REGION='***' # 阿里云region
+NEXT_PUBLIC_ALi_CLOUD_ACCESS_KEY_ID="***" # 阿里云access key id
+NEXT_PUBLIC_ALi_CLOUD_ACCESS_KEY_SECRET="***" # 阿里云access key secret

package/template/default/eslint.config.mjs

@@ -0,0 +1,15 @@
+export default {
+  extends: ["next/core-web-vitals", "plugin:prettier/recommended"],
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  rules: {
+    "prettier/prettier": 2,
+    "import/no-anonymous-default-export": 0,
+    "react-hooks/exhaustive-deps": 0,
+    "react/no-children-prop": 0,
+    "react/no-unescaped-entities": 0,
+  },
+};

package/template/default/next.config.ts

@@ -0,0 +1,10 @@
+import type { NextConfig } from "next";
+import createNextIntlPlugin from "next-intl/plugin";
+
+const withNextIntl = createNextIntlPlugin();
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default withNextIntl(nextConfig);

package/template/default/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "wenuts-template-default",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@mantine/core": "^8.1.2",
+    "@mantine/hooks": "^8.1.2",
+    "@types/js-cookie": "^3.0.6",
+    "js-cookie": "^3.0.5",
+    "next": "15.3.5",
+    "next-auth": "^4.24.11",
+    "next-extra": "^0.6.2",
+    "next-intl": "^4.3.4",
+    "query-string": "^9.2.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "sonner": "^2.0.6",
+    "zustand": "^5.0.6"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "15.3.5",
+    "postcss": "^8.5.6",
+    "postcss-preset-mantine": "^1.18.0",
+    "postcss-simple-vars": "^7.0.1",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

package/template/default/postcss.config.mjs

@@ -0,0 +1,17 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+    "postcss-preset-mantine": {},
+    "postcss-simple-vars": {
+      variables: {
+        "mantine-breakpoint-xs": "36em",
+        "mantine-breakpoint-sm": "48em",
+        "mantine-breakpoint-md": "62em",
+        "mantine-breakpoint-lg": "75em",
+        "mantine-breakpoint-xl": "88em",
+      },
+    },
+  },
+};
+
+export default config;

package/template/default/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/template/default/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/template/default/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/template/default/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/template/default/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/template/default/src/api/user.ts

@@ -0,0 +1,149 @@
+import fetch from "@/libs/fetch";
+import {
+  IApiKey,
+  CreateInvoiceResult,
+  FeedBackReqParams,
+  IManageSubscriptionResult,
+  INoticeResult,
+  IUpdateUserNameParams,
+  IUserDetailResp,
+  IUserLoginArgs,
+  IUserLoginState,
+  IUserProfile,
+  IChargeParams,
+  IChargeResult,
+} from "@/types/user";
+
+export default class UserApi {
+  /**
+   * 登录接口
+   * @param args.srcType 登录类型 'casdoor' | 'discord' | 'facebook' | 'google' | 'googleOneTap' | 'twitter';
+   * @param args.code 测试环境和本地环境专用 casdoor 登录专用
+   * @param args.token google 登录专用, google 回调的 token.access_token
+   * @param args.credential googleOneTap 登录专用, google one tap 回调的 credential
+   */
+  static userLogin(args: IUserLoginArgs) {
+    return fetch.post<IUserLoginState>("/user/auth", args);
+  }
+
+  /**
+   * 获取用户信息接口
+   */
+  static userProfile() {
+    return fetch.get<IUserProfile>("/user/profile");
+  }
+
+  /**
+   * 更新用户信息
+   * @param args.avatar 头像地址，需要拼接好 domain 的全地址
+   * @param args.name 用户名
+   */
+  static userUpdate(args: { avatar?: string; name?: string }) {
+    return fetch.post<{ avatar: string }>("/user/update", args);
+  }
+
+  /**
+   * 注销账户
+   */
+  static userDelete() {
+    return fetch.post("/user/delete");
+  }
+
+  /**
+   * 自动分享到社区
+   * @returns
+   */
+  static updateShareCommunity() {
+    return fetch.post("/user/update-auto-send");
+  }
+
+  /**
+   * 关注用户
+   * @param args followerId
+   * @returns 结果
+   */
+  static followUser(args: { followerId: string }) {
+    return fetch.post("/user/favourite", args);
+  }
+
+  /**
+   * 取消关注用户
+   * @param args followerId
+   * @returns 结果
+   */
+  static unFollowUser(args: { followerId: string }) {
+    return fetch.post("/user/unfavourite", args);
+  }
+
+  static getUserInfo(params: { userId: string }) {
+    return fetch.get<IUserDetailResp>("/user/info", params);
+  }
+
+  static updateNsfw() {
+    return fetch.post<{
+      displayNSFW: boolean;
+    }>("/user/update-nsfw");
+  }
+
+  static noticeList(args: { page: string }) {
+    return fetch.get<INoticeResult>("/notice/list", args);
+  }
+
+  static updateAvatar(imgPath: string) {
+    return fetch.post("/user/update-avatar", { imgPath });
+  }
+
+  static updateUsername(params: IUpdateUserNameParams) {
+    return fetch.post("/user/update-username", params);
+  }
+
+  static deleteUser() {
+    return fetch.post("/user/delete");
+  }
+
+  static manageSubscription() {
+    return fetch.get<IManageSubscriptionResult>("/user/portal");
+  }
+
+  static cancelPaypalSub() {
+    return fetch.post("/payment/cancel-sub");
+  }
+
+  static createFeedBack(args: FeedBackReqParams) {
+    return fetch.post("/feedback/create", args);
+  }
+
+  /**
+   * 创建API密钥
+   * @returns
+   */
+  static createKey() {
+    return fetch.post<IApiKey>("/user/create-key");
+  }
+
+  /**
+   * 删除API密钥
+   * @param args.id
+   * @returns
+   */
+  static deleteKey(args: { id: string }) {
+    return fetch.post("/user/delete-key", args);
+  }
+
+  /**
+   * 获取API密钥列表
+   * @returns
+   */
+  static listKey() {
+    return fetch.get<{ keys: IApiKey[] }>("/user/list-key");
+  }
+
+  // 创建支付凭证
+  static createInvoice() {
+    return fetch.post<CreateInvoiceResult>("/payment/create-invoice");
+  }
+
+  static checkIn(args: IChargeParams) {
+    return fetch.post<IChargeResult>("/user/charge", args);
+  }
+}

package/template/default/src/app/[local]/(default-layout)/layout.tsx

@@ -0,0 +1,5 @@
+const DefaultLayout = ({ children }: { children: React.ReactNode }) => {
+  return <div>{children}</div>;
+};
+
+export default DefaultLayout;

package/template/default/src/app/[local]/(default-layout)/page.tsx

@@ -0,0 +1,5 @@
+const Page = () => {
+  return <div>Page</div>;
+};
+
+export default Page;

package/template/default/src/app/[local]/(no-layout)/home/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+import useUserStore from "@/store/useUserStore";
+import { Button } from "@mantine/core";
+import { useTranslations } from "next-intl";
+
+const Page = () => {
+  const t = useTranslations("HomePage");
+  const openLoginModal = useUserStore((state) => state.openLoginModal);
+  return (
+    <div>
+      <Button onClick={openLoginModal}>{t("title")}</Button>
+    </div>
+  );
+};
+
+export default Page;

package/template/default/src/app/[local]/(no-layout)/login/components/LoginHandle/index.tsx

@@ -0,0 +1,55 @@
+"use client";
+import React, { useEffect } from "react";
+import { signIn } from "next-auth/react";
+
+import { Loader } from "@mantine/core";
+
+interface IProps {
+  isLogin: boolean;
+}
+
+const LoginHandle: React.FC<IProps> = ({ isLogin }) => {
+  useEffect(() => {
+    if (isLogin) {
+      if (window.opener) {
+        window.opener.postMessage(
+          "login_success",
+          process.env.NEXT_PUBLIC_DOMAIN
+        );
+        window.close(); // 子窗口自己关闭，不受 COOP 限制
+      } else {
+        // 防止用户直接在浏览器打开登录页面
+        window.location.href = process.env.NEXT_PUBLIC_DOMAIN + "/";
+      }
+    } else {
+      loginHandler();
+    }
+  }, []);
+
+  /**
+   * 登录事件代理
+   */
+  const loginHandler = () => {
+    const isPro = process.env.NEXT_PUBLIC_NODE_ENV !== "dev";
+
+    if (isPro) {
+      signIn("google", {
+        callbackUrl: process.env.NEXT_PUBLIC_DOMAIN + "/login/",
+        redirect: true,
+      });
+    } else {
+      signIn("casdoor", {
+        callbackUrl: process.env.NEXT_PUBLIC_DOMAIN + "/login/",
+        redirect: true,
+      });
+    }
+  };
+
+  return (
+    <div className="w-screen h-screen flex justify-center items-center">
+      <Loader type="dots" />
+    </div>
+  );
+};
+
+export default LoginHandle;