create-wenuts-cli 2.1.1 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-wenuts-cli",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "description": "",
   "main": "dist/index.js",
   "bin": {

package/template/default/eslint.config.mjs

@@ -3,15 +3,27 @@
  * eslint-config-prettier: 关闭所有与 Prettier 冲突的 ESLint 格式化规则，
  */
 
+import path from 'path';
+import { fileURLToPath } from 'url';
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
 import { FlatCompat } from '@eslint/eslintrc';
+import nextVitals from 'eslint-config-next/core-web-vitals';
 
-const compat = new FlatCompat({});
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+});
 
 const eslintConfig = [
-    ...compat.config({
-        extends: ['next/core-web-vitals', 'prettier'],
-    }),
+    // ...compat.config({
+    //     plugins: [],
+    //     extends: ['next/core-web-vitals', 'prettier'],
+    // }),
+    // ...compat.extends('next/core-web-vitals'),
+    ...nextVitals,
+    ...compat.extends('prettier'),
     {
         rules: {
             'react-hooks/exhaustive-deps': 'off',

package/template/default/package.json

@@ -3,11 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "concurrently \"yarn run icons:watch\" \"next dev\"",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "prepare": "husky"
+    "prepare": "husky",
+    "icons": "node scripts/generate-icons.mjs",
+    "icons:watch": "chokidar \"src/assets/icons/**/*.svg\" -c \"yarn run icons\""
   },
   "dependencies": {
     "@mantine/core": "^8.1.2",
@@ -26,12 +28,17 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@svgr/cli": "^8.1.0",
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "chokidar-cli": "^3.0.0",
+    "concurrently": "^9.2.1",
     "eslint": "^9",
     "eslint-config-next": "16.1.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.0",
     "postcss": "^8.5.6",
@@ -39,12 +46,13 @@
     "postcss-simple-vars": "^7.0.1",
     "prettier": "^3.7.4",
     "prettier-eslint": "^16.4.2",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "tailwindcss": "^4",
     "typescript": "^5"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
-      "eslint --max-warnings=0",
+      "eslint --max-warnings=0 --fix",
       "prettier --write"
     ],
     "*.{json,css,scss,md}": [

package/template/default/postcss.config.mjs

@@ -1,17 +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",
-      },
+    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/scripts/generate-icons.mjs

@@ -0,0 +1,27 @@
+// scripts/generate-icons.mjs
+import { execSync } from 'child_process';
+
+// 配置路径
+const SVG_DIR = 'src/assets/icons'; // 存放原始 .svg 的地方
+const OUT_DIR = 'src/components/icons'; // 生成组件的地方
+
+console.log('🚀 正在将 SVG 转换为 React 组件...');
+
+try {
+    // 执行 SVGR 命令
+    // --typescript: 生成 tsx
+    // --icon: 自动处理 width/height 为 1em
+    // --no-prettier: 禁用 prettier 插件以避免 ESM 冲突
+    // --out-dir: 输出目录
+    execSync(`npx @svgr/cli --out-dir ${OUT_DIR} --typescript --icon --no-prettier ${SVG_DIR}`, {
+        stdio: 'inherit',
+    });
+    // 使用项目的 Prettier 配置重新格式化生成的文件
+    execSync(`npx prettier --write "${OUT_DIR}/**/*.{ts,tsx}"`, {
+        stdio: 'inherit',
+    });
+
+    console.log('✅ 转换完成！');
+} catch (error) {
+    console.error('❌ 转换失败:', error.message);
+}

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

@@ -1,149 +1,149 @@
-import fetch from "@/libs/fetch";
+import fetch from '@/libs/fetch';
 import {
-  IApiKey,
-  CreateInvoiceResult,
-  FeedBackReqParams,
-  IManageSubscriptionResult,
-  INoticeResult,
-  IUpdateUserNameParams,
-  IUserDetailResp,
-  IUserLoginArgs,
-  IUserLoginState,
-  IUserProfile,
-  IChargeParams,
-  IChargeResult,
-} from "@/types/user";
+    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);
-  }
+    /**
+     * 登录接口
+     * @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

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

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

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

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

@@ -1,16 +1,16 @@
-"use client";
-import useUserStore from "@/store/useUserStore";
-import { Button } from "@mantine/core";
-import { useTranslations } from "next-intl";
+'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>
-  );
+    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

@@ -1,55 +1,51 @@
-"use client";
-import React, { useEffect } from "react";
-import { signIn } from "next-auth/react";
+'use client';
+import React, { useEffect } from 'react';
+import { signIn } from 'next-auth/react';
 
-import { Loader } from "@mantine/core";
+import { Loader } from '@mantine/core';
 
 interface IProps {
-  isLogin: boolean;
+    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';
 
-  /**
-   * 登录事件代理
-   */
-  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,
+            });
+        }
+    };
+    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();
+        }
+    }, []);
 
-    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>
-  );
+    return (
+        <div className="flex h-screen w-screen items-center justify-center">
+            <Loader type="dots" />
+        </div>
+    );
 };
 
 export default LoginHandle;

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

@@ -1,41 +1,41 @@
-import React from "react";
-import LoginHandle from "./components/LoginHandle";
-import { ScrollArea } from "@mantine/core";
-import { cookies } from "next/headers";
-import CookieMap from "@/config/CookieMap";
+import React from 'react';
+import LoginHandle from './components/LoginHandle';
+import { ScrollArea } from '@mantine/core';
+import { cookies } from 'next/headers';
+import CookieMap from '@/config/CookieMap';
 
-import style from "./style.module.css";
+import style from './style.module.css';
 
 interface IProps {
-  searchParams: { redirect: string };
+    searchParams: { redirect: string };
 }
 
 const LoginPage: React.FC<IProps> = async ({ searchParams }) => {
-  const cookieStore = await cookies();
-
-  const userState = cookieStore.get(CookieMap.UserState);
-
-  let isLogin = false;
-
-  if (userState) {
-    isLogin = true;
-  }
-
-  return (
-    <ScrollArea
-      className="h-screen w-screen"
-      type="never"
-      classNames={{
-        viewport: `${style.custom_scroll}`,
-      }}
-    >
-      <div className="w-full h-full p-3 md:p-6 bg-white">
-        <div className="flex md:h-full md:grid gap-6 md:gap-12 items-center flex-col-reverse">
-          <LoginHandle isLogin={isLogin} />
-        </div>
-      </div>
-    </ScrollArea>
-  );
+    const cookieStore = await cookies();
+
+    const userState = cookieStore.get(CookieMap.UserState);
+
+    let isLogin = false;
+
+    if (userState) {
+        isLogin = true;
+    }
+
+    return (
+        <ScrollArea
+            className="h-screen w-screen"
+            type="never"
+            classNames={{
+                viewport: `${style.custom_scroll}`,
+            }}
+        >
+            <div className="h-full w-full bg-white p-3 md:p-6">
+                <div className="flex flex-col-reverse items-center gap-6 md:grid md:h-full md:gap-12">
+                    <LoginHandle isLogin={isLogin} />
+                </div>
+            </div>
+        </ScrollArea>
+    );
 };
 
 export default LoginPage;