create-wenuts-cli 1.0.0

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

@@ -0,0 +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 style from "./style.module.css";
+
+interface IProps {
+  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>
+  );
+};
+
+export default LoginPage;

package/template/default/src/app/[local]/(no-layout)/login/style.module.css

@@ -0,0 +1,4 @@
+.custom_scroll>div:first-child {
+    height: 100%;
+    position: relative;
+}

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

@@ -0,0 +1,54 @@
+import UserApi from "@/api/user";
+import CookieMap from "@/config/CookieMap";
+import { IUserProfile } from "@/types/user";
+import { NextIntlClientProvider } from "next-intl";
+import { getMessages } from "next-intl/server";
+import { pathname } from "next-extra/pathname";
+import { cookies } from "next/headers";
+import React from "react";
+import ClientLayout from "@/components/System/ClientLayout";
+import { initLangTags } from "@/libs/seo";
+import appConfig from "@/appConfig";
+
+interface IProps {
+  children: React.ReactNode;
+  params: Promise<{ locale: string }>;
+}
+
+const LocaleLayout: React.FC<IProps> = async ({ children }) => {
+  const messages = await getMessages();
+  let profile: null | IUserProfile = null;
+  const cookieStore = await cookies();
+
+  const userState = cookieStore.get(CookieMap.UserState);
+
+  if (userState) {
+    const res = await UserApi.userProfile();
+
+    if (res.code === 0 && res.data) {
+      profile = res.data;
+    } else {
+      console.warn("login-error:111", res.info);
+    }
+  }
+
+  return (
+    <NextIntlClientProvider messages={messages}>
+      <ClientLayout profile={profile}>{children}</ClientLayout>
+    </NextIntlClientProvider>
+  );
+};
+
+export default LocaleLayout;
+
+export const generateMetadata: (props: IProps) => void = async () => {
+  const path = await pathname(); // url 地址
+  const lang = path.split("/")[1];
+  let seoPath = path;
+  let seoLang = "";
+  if (appConfig.locales.includes(lang)) {
+    seoPath = path.replace(`/${lang}`, "") || "/";
+    seoLang = lang;
+  }
+  return initLangTags(seoPath, seoLang);
+};

package/template/default/src/app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,54 @@
+import NextAuth from "next-auth";
+import { authOptions } from "@/libs/nextauth";
+import { NextRequest, NextResponse } from "next/server";
+import { cookies } from "next/headers";
+import UserApi from "@/api/user";
+import CookieMap from "@/config/CookieMap";
+const handler = NextAuth(authOptions);
+
+// 自定义 GET 处理程序
+export async function GET(request: any, response: any) {
+  const cookieStore = await cookies();
+  const baseurl = process.env.NEXT_PUBLIC_DOMAIN;
+  const pathname = request.nextUrl.pathname;
+  const searchParams = request.nextUrl.searchParams;
+  const backurl = cookieStore.get("login_back_url")?.value || "/";
+
+  // 如果路径包含callback/casdoor 说明是casdoor登录 且有code参数
+  if (pathname.includes("/callback/casdoor") && searchParams.has("code")) {
+    try {
+      const { searchParams } = new URL(request.url);
+      const code = searchParams.get("code");
+      if (code) {
+        const res = await UserApi.userLogin({
+          code,
+          srcType: "casdoor",
+        });
+
+        if (res.code === 0 && res.data) {
+          cookieStore.set(
+            CookieMap.UserState,
+            encodeURIComponent(JSON.stringify(res.data))
+          );
+          return NextResponse.redirect(new URL("/login", baseurl));
+        } else {
+          console.warn("res.info", res.info);
+          return NextResponse.redirect(new URL(backurl, baseurl));
+        }
+      } else {
+        console.warn("没有 code, 直接返回首页");
+        return NextResponse.redirect(new URL(backurl, baseurl));
+      }
+    } catch (error) {
+      console.warn("error", error);
+      return NextResponse.redirect(new URL(backurl, baseurl));
+    }
+  }
+
+  // 其他登录方式使用默认的 NextAuth 处理
+  const authHandler = await NextAuth(authOptions);
+  return authHandler(request, response);
+}
+
+// POST 请求使用默认处理
+export { handler as POST };

package/template/default/src/app/globals.css

@@ -0,0 +1,27 @@
+@import "tailwindcss";
+
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}

package/template/default/src/app/layout.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import "@mantine/core/styles.css";
+import { Toaster } from "sonner";
+import ThemeProvider from "@/components/System/ThemeProvider";
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>
+        <Toaster position="top-center" richColors />
+
+        <ThemeProvider>{children}</ThemeProvider>
+      </body>
+    </html>
+  );
+}

package/template/default/src/appConfig.ts

@@ -0,0 +1,37 @@
+export const mediaMap = {
+    ph: 450,
+    sm: 576,
+    md: 768,
+    xg: 896,
+    lg: 1024,
+    xl: 1280,
+    xl2: 1536,
+    xl3: 1792,
+    xl4: 2048,
+    xl5: 2304,
+    xl6: 2560,
+    xl7: 2816,
+    xl8: 3072,
+};
+
+interface IConfig {
+    appName: string;
+    baseDomain: string;
+    ossDomain: string;
+    locales: string[];
+    defaultLocale: string;
+    colorScheme: 'light' | 'dark';
+    subjectColor: string;
+}
+
+const appConfig: IConfig = {
+    appName: 'Aitubo',
+    baseDomain: process.env.NEXT_PUBLIC_DOMAIN!,
+    ossDomain: process.env.NEXT_PUBLIC_OSS_DOMAIN!,
+    locales: ['en'],
+    defaultLocale: 'en',
+    colorScheme: 'dark',
+    subjectColor: '#693EE4',
+};
+
+export default appConfig;

package/template/default/src/components/System/ClientLayout/index.tsx

@@ -0,0 +1,69 @@
+"use client";
+import React, { useEffect } from "react";
+import Cookies from "js-cookie";
+import { SessionProvider } from "next-auth/react";
+// import { usePathname } from "@/i18n/routing";
+import CookieMap from "@/config/CookieMap";
+// import { dataInit, dataPush } from "@/libs/dataAnalytics";
+import useUserStore from "@/store/useUserStore";
+import { IUserProfile } from "@/types/user";
+import LoginModal from "../LoginModal";
+
+// import InitGoogleOneTap from "../InitGoogleOneTap";
+// import LoginModal from "../LoginModal";
+// import PaymentModal from "@/components/Modals/PaymentModal";
+// import UpdateModal from "@/components/Modals/UpdateModal";
+
+interface IProps {
+  children: React.ReactNode;
+  profile: null | IUserProfile;
+}
+
+const ClientLayout: React.FC<IProps> = ({ children, profile }) => {
+  // const pathname = usePathname();
+
+  useEffect(() => {
+    // dataInit({ profile }); // 初始化数据上报相关信息
+
+    // 初始化用户相关信息
+    useUserStore.setState({
+      userInfo: profile,
+    });
+
+    console.log(profile, "profile???");
+
+    // 如果没有用户信息，还存在用户登录的缓存就清除用户状态
+    if (!profile) {
+      const userState = Cookies.get(CookieMap.UserState);
+
+      if (userState) {
+        Cookies.remove(CookieMap.UserState);
+      }
+    }
+  }, []);
+
+  //   useEffect(() => {
+  //     dataPush("page_show", { url: location.href });
+  //   }, [pathname]);
+
+  return (
+    <SessionProvider>
+      {children}
+
+      {/* 初始化 google one tap 登录 ---登录页面不展示 */}
+      {/* {process.env.NEXT_PUBLIC_NODE_ENV !== "dev" &&
+        !pathname.includes("/login") && <InitGoogleOneTap />} */}
+
+      {/* 登录弹框 */}
+      <LoginModal />
+
+      {/* 订阅、加油包弹框 */}
+      {/* <PaymentModal /> */}
+
+      {/* 更新弹窗 */}
+      {/* {useUserStore.getState().isShowUpdateModal && <UpdateModal />} */}
+    </SessionProvider>
+  );
+};
+
+export default ClientLayout;

package/template/default/src/components/System/LoginModal/index.tsx

@@ -0,0 +1,61 @@
+"use client";
+import UserApi from "@/api/user";
+import useUserStore from "@/store/useUserStore";
+import { Button, Modal } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { signIn } from "next-auth/react";
+import { useEffect } from "react";
+
+const LoginModal = () => {
+  const setOpenLoginModal = useUserStore((state) => state.setOpenLoginModal);
+
+  const userInfo = useUserStore((state) => state.userInfo);
+
+  const [loginModalOpened, { open: loginModalOpen, close: loginModalClose }] =
+    useDisclosure(false);
+
+  const handleLogin = () => {
+    const width = 500;
+    const height = 600;
+    const left = window.screenX + (window.outerWidth - width) / 2;
+    const top = window.screenY + (window.outerHeight - height) / 2;
+    window.open(
+      `${process.env.NEXT_PUBLIC_DOMAIN}/login`,
+      "ThirdPartyLogin",
+      `width=${width},height=${height},left=${left},top=${top}`
+    );
+  };
+
+  useEffect(() => {
+    const handleMessage = async (event: MessageEvent) => {
+      const { data } = event;
+      if (data === "login_success") {
+        loginModalClose();
+        // 需要在主窗口再次请求一次个人详情信息
+        const res = await UserApi.userProfile();
+        if (res.code === 0 && res.data) {
+          useUserStore.setState({
+            userInfo: res.data,
+          });
+        }
+      }
+    };
+    window.addEventListener("message", handleMessage);
+
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, []);
+
+  useEffect(() => {
+    setOpenLoginModal(loginModalOpen);
+  }, [loginModalOpened]);
+
+  return (
+    <Modal opened={loginModalOpened} onClose={loginModalClose}>
+      <Button onClick={handleLogin}>Login</Button>
+    </Modal>
+  );
+};
+
+export default LoginModal;

package/template/default/src/components/System/ThemeProvider/index.tsx

@@ -0,0 +1,55 @@
+"use client";
+import React from "react";
+import { createTheme, MantineProvider } from "@mantine/core";
+import appConfig from "@/appConfig";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const theme = createTheme({
+  colors: {
+    primaryColors: [
+      "#f7f0ff",
+      "#e0c9ff",
+      "#c5a1ff",
+      "#a778ff",
+      "#8850ff",
+      "#6638d9",
+      "#4925b3",
+      "#30168c",
+      "#1f0f66",
+      "#1C0C63",
+    ],
+  },
+  primaryColor: "primaryColors",
+  primaryShade: 4, // 默认使用第5个颜色
+  defaultRadius: "sm",
+  cursorType: "pointer",
+  autoContrast: true,
+  luminanceThreshold: 0.5,
+  defaultGradient: {
+    from: "#D77E80",
+    to: "#693EE4",
+    deg: 142,
+  },
+  breakpoints: {
+    sm: "30em",
+    md: "48em",
+    lg: "64em",
+    xl: "90em",
+    xl2: "120em",
+    xl3: "160em",
+    xl4: "240em",
+  },
+});
+
+const ThemeProvider: React.FC<Props> = ({ children }) => {
+  return (
+    <MantineProvider defaultColorScheme={appConfig.colorScheme} theme={theme}>
+      {children}
+    </MantineProvider>
+  );
+};
+
+export default ThemeProvider;

package/template/default/src/config/CookieMap.ts

@@ -0,0 +1,3 @@
+export default {
+  UserState: "next_source_state",
+};

package/template/default/src/config/LocalStorageMap.ts

@@ -0,0 +1,11 @@
+export default {
+    UnreportedList: 'unreported_list', // 未上报的数据列表
+    PushedDataList: 'pushed_list', // 上报过的支付订单
+    ThinkingDataJSSDK_cross: 'ThinkingDataJSSDK_cross', // 数数会默认存储
+    ISFIRSTGENERATE: 'isFirstGenerate', // 是否是第一次制作 null就是第一次制作
+    UpdateInfoReadIdList: 'update_info_read_id_list', // 更新信息已读列表id
+    SELECTEDLORAS: 'selectedLoras', // 选择的Lora模型
+    everShowNewVersionModal: 'everShowNewVersionModal', // 曾经 出现过新版本弹框
+    everUseFlux: 'everUseFlux', // 曾经使用过 Flux
+    CHECKIN_RESET_TIME: 'checkInResetTime', // 签到重置时间
+};

package/template/default/src/i18n/request.ts

@@ -0,0 +1,17 @@
+import { getRequestConfig } from 'next-intl/server';
+import { routing } from './routing';
+
+export default getRequestConfig(async ({ requestLocale }) => {
+    // This typically corresponds to the `[locale]` segment
+    let locale = await requestLocale;
+
+    // Ensure that a valid locale is used
+    if (!locale || !routing.locales.includes(locale as any)) {
+        locale = routing.defaultLocale;
+    }
+
+    return {
+        locale,
+        messages: (await import(`../lang/${locale}.json`)).default,
+    };
+});

package/template/default/src/i18n/routing.ts

@@ -0,0 +1,15 @@
+import { defineRouting } from "next-intl/routing";
+import { createNavigation } from "next-intl/navigation";
+import appConfig from "@/appConfig";
+
+export const routing = defineRouting({
+  locales: appConfig.locales,
+  defaultLocale: appConfig.defaultLocale,
+  localePrefix: "as-needed", // 本地语言不需要 语言路径
+  localeDetection: false, // 使用默认语言
+});
+
+// Lightweight wrappers around Next.js' navigation APIs
+// that will consider the routing configuration
+export const { Link, redirect, usePathname, useRouter } =
+  createNavigation(routing);

package/template/default/src/lang/en.json

@@ -0,0 +1,6 @@
+{
+  "HomePage": {
+    "title": "Hello world!",
+    "about": "Go to the about page"
+  }
+}

package/template/default/src/libs/casdoor_provider.ts

@@ -0,0 +1,39 @@
+// src/libs/auth/casdoor-provider.ts
+import type { OAuthConfig, OAuthUserConfig } from "next-auth/providers/index";
+
+export interface CasdoorProfile {
+  name: string;
+  email: string;
+  avatar: string;
+}
+
+export default function CasdoorProvider<P extends CasdoorProfile>(
+  options: OAuthUserConfig<P>
+): OAuthConfig<P> {
+  return {
+    id: "casdoor",
+    name: "Casdoor",
+    type: "oauth",
+    authorization: {
+      url: `${options.issuer}/login/oauth/authorize`,
+      params: {
+        scope: "read",
+        response_type: "code",
+        client_id: options.clientId,
+        // 自定义casdoor官网中配置的回调url，不配置默认为next-auth的/api/auth/callback/casdoor
+        // redirect_uri: `${process.env.NEXT_PUBLIC_DOMAIN}/auth/callback/casdoor`,
+      },
+    },
+    // 定义casdoor中使用code换取token的地址
+    token: `${options.issuer}/login/oauth/token`,
+    clientId: options.clientId,
+    profile(profile: CasdoorProfile) {
+      return {
+        id: profile.name,
+        name: profile.name,
+        email: profile.email,
+        image: profile.avatar,
+      };
+    },
+  };
+}