feat: migrate OAuth to backend

.env

@@ -2,14 +2,3 @@ NEXT_PUBLIC_SENTRY_DSN=
 
 GOOGLE_ANALYTICS=G-K7333MX9FZ
 API_URL=http://localhost:8080
-
-NEXTAUTH_URL=http://localhost:3000
-NEXTAUTH_SECRET=this_is_auth_secret
-
-GITHUB_ID=
-GITHUB_SECRET=
-
-GITEE_ID=
-GITEE_SECRET=
-
-#http_proxy=

package.json

@@ -44,9 +44,9 @@
     "html2canvas": "^1.4.1",
     "http-proxy": "^1.18.1",
     "i18next": "^22.0.6",
+    "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "next": "12.2.5",
-    "next-auth": "^4.20.1",
     "next-i18next": "^13.0.0",
     "nextjs-progressbar": "^0.0.14",
     "proxy-agent": "^5.0.0",

src/common/components/Header/ChangeLanguage.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
 import { useRouter } from 'next/router';
-import Cookies from 'js-cookie';
 import { MdLanguage } from 'react-icons/md';
 import { AiFillCaretDown } from 'react-icons/ai';
-import { getDomain } from '@common/utils/getDomain';
-import getLocale, { USER_LOCALE_KEY } from '@common/utils/getLocale';
+import getLocale from '@common/utils/getLocale';
+import { setCookieLocale } from '@common/utils/cookie';
 import { NoSsr } from '@mui/base';
 
 const languages = [
@@ -23,7 +22,6 @@ const languages = [
 const ChangeLanguage = () => {
   const { reload } = useRouter();
   const local = getLocale();
-  console.log('local', local);
   const language = languages.find((i) => i.id === local);
 
   return (
@@ -41,11 +39,7 @@ const ChangeLanguage = () => {
               key={item.id}
               className="flex cursor-pointer border-b border-white/20 py-4 pl-6 text-center last:border-b-0 hover:bg-[#333333]"
               onClick={() => {
-                Cookies.set(USER_LOCALE_KEY, item.id, {
-                  expires: 365,
-                  path: '/',
-                  domain: getDomain(),
-                });
+                setCookieLocale(item.id);
                 reload();
               }}
             >

src/common/constant.ts

@@ -2,3 +2,14 @@ export const isDev = process.env.NODE_ENV === 'development';
 export const isProd = process.env.NODE_ENV === 'production';
 
 export type CommunityRepoType = 'governance' | 'software-artifact';
+
+export const oauthProvider = {
+  github: {
+    id: 'github',
+    name: 'GitHub',
+  },
+  gitee: {
+    id: 'gitee',
+    name: 'Gitee',
+  },
+};

src/common/utils/cookie.ts

@@ -0,0 +1,45 @@
+import jsCookie from 'js-cookie';
+import { getDomain } from './getDomain';
+
+export const cookieKeys = {
+  USER_LOCALE_KEY: 'locale',
+  AUTH_CALLBACK_URL: 'auth.callback-url',
+  AUTH_PROVIDER: 'auth.provider',
+};
+
+// ------------------------------auth callback url-----------------------------------
+const inMinutes = 1 / (24 * 60);
+
+export const setCallbackUrl = (path: string) => {
+  jsCookie.set(cookieKeys.AUTH_CALLBACK_URL, path, {
+    expires: 5 * inMinutes,
+    path: '/',
+    domain: getDomain(),
+  });
+};
+
+// -----------------------------auth provider------------------------------------
+export const setAuthProvider = (val: string) => {
+  jsCookie.set(cookieKeys.AUTH_PROVIDER, val, {
+    expires: 365,
+    path: '/',
+    domain: getDomain(),
+  });
+};
+
+export const getAuthProvider = () => {
+  return jsCookie.get(cookieKeys.AUTH_PROVIDER);
+};
+
+// -----------------------------locale------------------------------------
+export const setCookieLocale = (local: string) => {
+  jsCookie.set(cookieKeys.USER_LOCALE_KEY, local, {
+    expires: 365,
+    path: '/',
+    domain: getDomain(),
+  });
+};
+
+export const getCookieLocale = () => {
+  return jsCookie.get(cookieKeys.USER_LOCALE_KEY);
+};

src/common/utils/getLocale.ts

@@ -1,12 +1,15 @@
 import type { NextApiRequestCookies } from 'next/dist/server/api-utils';
-import Cookies from 'js-cookie';
 import { navigatorLangLookup } from '@common/utils/languageDetector';
-import { getDomain } from '@common/utils/getDomain';
+import {
+  cookieKeys,
+  setCookieLocale,
+  getCookieLocale,
+} from '@common/utils/cookie';
+const { USER_LOCALE_KEY } = cookieKeys;
 
 type TypeLang = 'zh' | 'en';
 
 const locales = ['zh', 'en'];
-export const USER_LOCALE_KEY = 'locale';
 
 function getLocale(): TypeLang;
 
@@ -17,7 +20,7 @@ function getLocale(reqCookies?: NextApiRequestCookies | undefined): TypeLang {
     const language = reqCookies[USER_LOCALE_KEY] as TypeLang;
     return locales.includes(language) ? language : 'en';
   } else if (typeof reqCookies === 'undefined') {
-    return (Cookies.get(USER_LOCALE_KEY) as TypeLang) || 'en';
+    return (getCookieLocale() as TypeLang) || 'en';
   }
   return 'en';
 }
@@ -33,13 +36,9 @@ export function getLang(found: string[]) {
 export function browserLanguageDetectorAndReload() {
   const found = navigatorLangLookup();
 
-  if (found && !Cookies.get(USER_LOCALE_KEY)) {
+  if (found && !getCookieLocale()) {
     const lang = getLang(found);
-    Cookies.set(USER_LOCALE_KEY, lang, {
-      expires: 365,
-      path: '/',
-      domain: getDomain(),
-    });
+    setCookieLocale(lang);
     window.location.reload();
   }
 }