create-wenuts-cli 1.0.0

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

@@ -0,0 +1,176 @@
+// import { IUserProfile } from '@/types/user';
+// import LocalStorageMap from '@/config/LocalStorageMap';
+// import LocalCache from './localCache';
+
+// interface IInitParams {
+//     profile?: null | IUserProfile;
+// }
+
+// let connectionState = true; // 当前数据上报的连接状态
+
+// /**
+//  * 关闭数据上报的连接状态，后续所有的数据上报进行缓存，直到重启项目再进行发送
+//  */
+// const dataOffline = () => {
+//     connectionState = false;
+// };
+
+// /**
+//  * 上报数据
+//  * 如果连接关闭，将要上报的数据存储到 localStorage 中
+//  */
+// const dataPush = (key: string, value: any = {}) => {
+//     if (connectionState) {
+//         let googleValue = value;
+//         let shushuValue = value;
+//         let bingValue = value;
+//         let affiliateValue = value;
+
+//         switch (key) {
+//             case 'begin_checkout': {
+//                 googleValue = value.google;
+//                 shushuValue = value.shushu;
+//                 bingValue = value.bing;
+//                 break;
+//             }
+//             case 'purchase': {
+//                 googleValue = value.google;
+//                 shushuValue = value.shushu;
+//                 bingValue = value.bing;
+//                 affiliateValue = value.affiliate;
+
+//                 break;
+//             }
+//         }
+
+//         window.gtag('event', key, googleValue);
+
+//         window.ta.track(key, shushuValue);
+
+//         window.ta.flush();
+
+//         // bing 上报
+//         if (window.uetq) {
+//             console.log(
+//                 {
+//                     key,
+//                     bingValue,
+//                 },
+//                 '???'
+//             );
+
+//             window.uetq.push('event', key, {
+//                 r_date: new Date().getTime(),
+//                 current_location: window.location.href,
+//                 ...bingValue,
+//             });
+//         }
+
+//         if (key === 'purchase' && window.tap && affiliateValue.bizId) {
+//             window.tap('conversion', affiliateValue.bizId, affiliateValue.money, {
+//                 currency: affiliateValue.currency,
+//             });
+//         }
+//     } else {
+//         const cacheList: any[] = LocalCache.get(LocalStorageMap.UnreportedList) || [];
+
+//         cacheList.push({
+//             key,
+//             value,
+//         });
+
+//         LocalCache.set(LocalStorageMap.UnreportedList, cacheList);
+//     }
+// };
+
+// /**
+//  * 首次事件上报
+//  */
+// const dataFirstVisit = () => {
+//     window.ta.trackFirst({
+//         eventName: 'first_visit',
+//     });
+// };
+
+// /**
+//  * 发送缓存的上报数据
+//  */
+// const sendCacheData: (params: IInitParams) => void = ({ profile = null }) => {
+//     const cacheList: any[] = LocalCache.get(LocalStorageMap.UnreportedList);
+
+//     if (cacheList) {
+//         for (let i = 0; i < cacheList.length; i++) {
+//             const info = cacheList[i];
+
+//             switch (info.key) {
+//                 case 'login': {
+//                     profile && dataPush(info.key, info.value);
+//                     break;
+//                 }
+//                 default: {
+//                     dataPush(info.key, info.value);
+//                 }
+//             }
+//         }
+
+//         LocalCache.remove(LocalStorageMap.UnreportedList);
+//     }
+// };
+
+// /**
+//  * 设置公共参数
+//  */
+// const dataSetPublicParams: (params: IInitParams) => void = ({ profile = null }) => {
+//     // 谷歌上报的公共参数设置
+//     const publicParams: any = {
+//         page_url: location.href,
+//         user_sub_code: 'no_login',
+//     };
+
+//     if (profile) {
+//         publicParams.user_id = profile.id;
+//         publicParams.user_sub_code = profile.pkgCode || 'free';
+//     }
+
+//     window.gtag('set', publicParams);
+
+//     // 数数上报的公共参数设置
+//     const sandbox = process.env.NEXT_PUBLIC_NODE_ENV === 'dev';
+
+//     window.ta.setSuperProperties({
+//         sandbox,
+//     });
+
+//     if (profile) {
+//         window.ta.login(profile.id);
+//         window.ta.setSuperProperties({
+//             uid: profile.id,
+//         });
+//         window.ta.userSet({
+//             page_url: location.href,
+//             user_sub_code: profile.pkgCode || 'free',
+//         });
+//     } else {
+//         window.ta.userSet({
+//             page_url: location.href,
+//             user_sub_code: 'no_login',
+//         });
+//     }
+// };
+
+// /**
+//  * 初始化数据上报的公共参数，如果缓存中存在未上报数据，将数据统一进行上报
+//  */
+// const dataInit: (params: IInitParams) => void = ({ profile = null }) => {
+//     window.gtag('consent', 'update', {
+//         analytics_storage: 'granted',
+//     });
+
+//     dataSetPublicParams({ profile });
+
+//     sendCacheData({ profile });
+
+//     dataFirstVisit();
+// };
+
+// export { dataPush, dataOffline, dataSetPublicParams, dataInit };

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

@@ -0,0 +1,176 @@
+import CookieMap from '@/config/CookieMap';
+import qs from 'query-string';
+import { getCookie } from './fetchCookie/getCookie';
+
+type TResult<T> = {
+    code: number;
+    data: T;
+    info: string;
+};
+
+class Fetch {
+    private baseUrl: string;
+    private publicHeaders: any = {
+        'X-App-Name': 'aitubo-web',
+        'X-App-Version': '2.0.0',
+    };
+
+    constructor() {
+        this.baseUrl = process.env.NEXT_PUBLIC_BASE_URL!;
+    }
+
+    private async getToken() {
+        let token = '';
+
+        const userState = await getCookie(CookieMap.UserState);
+
+        try {
+            if (userState) {
+                token = JSON.parse(decodeURIComponent(userState)).token;
+            }
+        } catch (error) {
+            console.warn(String(error));
+        }
+
+        if (token) {
+            return {
+                Authorization: `Bearer ${token}`,
+            };
+        } else {
+            return '';
+        }
+    }
+
+    public async get<T>(url: string, params: Record<string, any> = {}): Promise<TResult<T>> {
+        const token = await this.getToken();
+
+        const config: any = {
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json',
+                ...this.publicHeaders,
+                ...token,
+            },
+        };
+
+        let qsUrl = `?${qs.stringify(params, {
+            encode: false,
+        })}`;
+
+        const fetchUrl = `${this.baseUrl}${url}${qsUrl}`;
+
+        return fetch(fetchUrl, config)
+            .then(async response => {
+                const result = await response.json();
+
+                if (result.code !== undefined && typeof result.code === 'number') {
+                    if (response.status === 401) {
+                        return Promise.resolve({
+                            code: 401,
+                            info: result.info,
+                        });
+                    }
+
+                    return Promise.resolve(result);
+                } else {
+                    return Promise.resolve({
+                        code: response.status,
+                        info: response.statusText,
+                    });
+                }
+            })
+            .catch(error => {
+                return {
+                    code: -1,
+                    info: String(error),
+                };
+            });
+    }
+
+    public async post<T>(url: string, data: Record<string, any> = {}): Promise<TResult<T>> {
+        const token = await this.getToken();
+
+        const config: any = {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                ...this.publicHeaders,
+                ...token,
+            },
+            body: JSON.stringify(data),
+        };
+
+        const fetchUrl = `${this.baseUrl}${url}`;
+
+        return fetch(fetchUrl, config)
+            .then(async response => {
+                const result = await response.json();
+
+                if (result.code !== undefined && typeof result.code === 'number') {
+                    if (response.status === 401) {
+                        return Promise.resolve({
+                            code: 401,
+                            info: result.info,
+                        });
+                    }
+
+                    return Promise.resolve(result);
+                } else {
+                    return Promise.resolve({
+                        code: response.status,
+                        info: response.statusText,
+                    });
+                }
+            })
+            .catch(error => {
+                return {
+                    code: -1,
+                    info: String(error),
+                };
+            });
+    }
+
+    public async upload<T>(url: string, data: FormData): Promise<TResult<T>> {
+        const token = await this.getToken();
+
+        const config: any = {
+            method: 'POST',
+            headers: {
+                ...this.publicHeaders,
+                ...token,
+            },
+            body: data,
+        };
+
+        const fetchUrl = `${this.baseUrl}${url}`;
+
+        return fetch(fetchUrl, config)
+            .then(async response => {
+                const result = await response.json();
+
+                if (result.code !== undefined && typeof result.code === 'number') {
+                    if (response.status === 401) {
+                        return Promise.resolve({
+                            code: 401,
+                            info: result.info,
+                        });
+                    }
+
+                    return Promise.resolve(result);
+                } else {
+                    return Promise.resolve({
+                        code: response.status,
+                        info: response.statusText,
+                    });
+                }
+            })
+            .catch(error => {
+                return {
+                    code: -1,
+                    info: String(error),
+                };
+            });
+    }
+}
+
+export default new Fetch();

package/template/default/src/libs/fetchCookie/clientCookies.ts

@@ -0,0 +1,5 @@
+import Cookies from 'js-cookie';
+
+export const getClientSideCookie = (key: string): any => {
+    return Cookies.get(key);
+};

package/template/default/src/libs/fetchCookie/getCookie.ts

@@ -0,0 +1,15 @@
+import { getServerSideCookie } from './serverCookies';
+import { getClientSideCookie } from './clientCookies';
+
+export const getCookie = (key: string): any => {
+    return new Promise(async resolve => {
+        const isBrowser = typeof window !== 'undefined';
+
+        if (isBrowser) {
+            return resolve(getClientSideCookie(key));
+        } else {
+            // use server 组件返回的是 Promise
+            return resolve(getServerSideCookie(key));
+        }
+    });
+};

package/template/default/src/libs/fetchCookie/serverCookies.ts

@@ -0,0 +1,10 @@
+"use server";
+import { cookies } from "next/headers";
+
+export const getServerSideCookie = async (key: string): Promise<any> => {
+  const cookieStore = await cookies();
+
+  const cookieDetail = cookieStore.get(key);
+
+  return cookieDetail ? cookieDetail.value : "";
+};

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

@@ -0,0 +1,28 @@
+/**
+ * window.localStorage 浏览器永久缓存
+ * @method set 设置永久缓存
+ * @method get 获取永久缓存
+ * @method remove 移除永久缓存
+ * @method clear 移除全部永久缓存
+ */
+const LocalCache = {
+    // 设置永久缓存
+    set(key: string, val: any) {
+        window.localStorage.setItem(key, JSON.stringify(val));
+    },
+    // 获取永久缓存
+    get(key: string) {
+        const json = window.localStorage.getItem(key);
+        return JSON.parse(json as string);
+    },
+    // 移除永久缓存
+    remove(key: string) {
+        window.localStorage.removeItem(key);
+    },
+    // 移除全部永久缓存
+    clear() {
+        window.localStorage.clear();
+    },
+};
+
+export default LocalCache;

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

@@ -0,0 +1,49 @@
+import UserApi from "@/api/user";
+import CookieMap from "@/config/CookieMap";
+import NextAuth, { NextAuthOptions } from "next-auth";
+import GoogleProvider from "next-auth/providers/google";
+import { cookies } from "next/headers";
+import CasdoorProvider from "./casdoor_provider";
+export const authOptions: NextAuthOptions = {
+  secret: process.env.NEXTAUTH_SECRET,
+  providers: [
+    GoogleProvider({
+      clientId: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID!,
+      clientSecret: process.env.GOOGLE_SECRET!,
+      async profile(profile, tokens) {
+        // 获取用户信息
+        const cookieStore = await cookies();
+        const accessToken = tokens.access_token;
+
+        const userState = await UserApi.userLogin({
+          srcType: "google",
+          token: accessToken,
+        });
+
+        cookieStore.set(
+          CookieMap.UserState,
+          encodeURIComponent(JSON.stringify(userState.data))
+        );
+        return {
+          id: userState.data.token || "",
+          name: userState.data.name || "",
+          email: userState.data.email || "",
+          image: userState.data.avatar || "",
+        };
+      },
+    }),
+    CasdoorProvider({
+      clientId: process.env.NEXT_PUBLIC_CASDOOR_CLIENT_ID!,
+      clientSecret: process.env.CASDOOR_SECRET!,
+      issuer: process.env.NEXT_PUBLIC_CASDOOR_ISSUER!,
+    }),
+  ],
+
+  callbacks: {
+    session: async ({ session, token, user }) => {
+      return session;
+    },
+  },
+};
+
+export default NextAuth(authOptions);

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

@@ -0,0 +1,89 @@
+import { Metadata } from 'next/types';
+import appConfig from '@/appConfig';
+
+/**
+ * 获取语言并拼接路径
+ */
+const getLanguages = (path: string) => {
+    const languages: { [key in string]?: string } = {};
+
+    // 添加 x-default 指向默认语言
+    languages['x-default'] = appConfig.baseDomain + path;
+
+    for (let i = 0; i < appConfig.locales.length; i++) {
+        const lang = appConfig.locales[i];
+        if (lang !== appConfig.defaultLocale) {
+            languages[lang] = appConfig.baseDomain + (lang === appConfig.defaultLocale ? '' : `/${lang}`) + path;
+        }
+    }
+
+    return languages;
+};
+
+interface ISEOParams {
+    title: string;
+    description: string;
+    keywords?: string;
+}
+
+/**
+ * 获取 SEO 标签
+ * @param params.title 标题
+ * @param params.description 描述
+ * @param params.keywords 关键词
+ */
+const getSEOTags: (params: ISEOParams) => Metadata = ({ title, description, keywords }) => {
+    return {
+        title,
+        description,
+        keywords: keywords || appConfig.appName,
+        openGraph: {
+            title,
+            description,
+            siteName: title,
+            type: 'website',
+            // images: {
+            //     url: '',
+            //     width: 1200,
+            //     height: 630,
+            // },
+        },
+        twitter: {
+            title,
+            description,
+            card: 'summary_large_image',
+            // images: '',
+        },
+    };
+};
+
+/**
+ * 初始化语言和 url 的 SEO 标签
+ */
+const initLangTags: (path: string, lang: string) => Metadata = (path, lang) => {
+    return {
+        alternates: {
+            canonical: lang + path,
+            languages: getLanguages(path),
+        },
+    };
+};
+
+/**
+ * 初始化 SEO 标签
+ */
+const initSEOTags: () => Metadata = () => {
+    const isPro = process.env.NEXT_PUBLIC_NODE_ENV !== 'dev';
+
+    return {
+        title: 'Aitubo: AI Image and Video Generator - Aitubo.ai',
+        description: `Best free AI art generator: Generate stunning images and videos from text, or create videos from images, all powered by the latest AI technology`,
+        keywords: 'AI video generator, text to video, image to video, video generation tool, create videos with AI',
+        applicationName: appConfig.appName,
+        metadataBase: new URL(appConfig.baseDomain),
+        robots: isPro ? { index: true, follow: true, notranslate: true } : { index: false, follow: false, noarchive: true, nosnippet: true, noimageindex: true },
+        // robots: { index: false, follow: false, noarchive: true, nosnippet: true, noimageindex: true },
+    };
+};
+
+export { getSEOTags, initSEOTags, initLangTags };

package/template/default/src/middleware.ts

@@ -0,0 +1,11 @@
+import createMiddleware from "next-intl/middleware";
+import { routing } from "./i18n/routing";
+
+export default createMiddleware(routing);
+
+export const config = {
+  // Match all pathnames except for
+  // - … if they start with `/api`, `/trpc`, `/_next` or `/_vercel`
+  // - … the ones containing a dot (e.g. `favicon.ico`)
+  matcher: "/((?!api|trpc|_next|_vercel|.*\\..*).*)",
+};

package/template/default/src/store/useUserStore.ts

@@ -0,0 +1,42 @@
+import { PaymentReason } from "@/types/payment";
+import { IUserProfile } from "@/types/user";
+import { create } from "zustand";
+
+interface IUserStore {
+  userInfo: null | IUserProfile; // 用户信息，null 为未登录
+  paymentReason: PaymentReason; // 购买的原因
+  setUserInfo: (info: null | IUserProfile) => void; // 改变用户信息
+  setCreditInfo: (args: { credit: number; subCredit: number }) => void; // 更新用户点数
+  openLoginModal: () => void; // 打开登录弹框
+  setOpenLoginModal: (openLoginModal: () => void) => void;
+  paymentModalProxy: () => void; // 打开订阅、加油包弹框事件
+  openPaymentModal: (reason: PaymentReason) => void; // 设置订阅原因并执行 paymentModalProxy()
+}
+
+const userStore = create<IUserStore>((set) => ({
+  userInfo: null,
+  paymentReason: PaymentReason.None,
+  setUserInfo: (info) => set({ userInfo: info }),
+  setCreditInfo: (args: { credit: number; subCredit: number }) =>
+    set((state: IUserStore) => ({
+      userInfo: {
+        ...state.userInfo!,
+        ...args,
+      },
+    })),
+  openLoginModal: () => {},
+  setOpenLoginModal: (openLoginModal) => set({ openLoginModal }),
+  paymentModalProxy: () => {},
+  openPaymentModal: (reason) =>
+    set((state) => {
+      if (state.userInfo) {
+        state.paymentModalProxy();
+        return { paymentReason: reason };
+      } else {
+        state.openLoginModal();
+        return {};
+      }
+    }),
+}));
+
+export default userStore;